Angular4 動態啟用禁用select

}

.disableselect

tabindex="-1" 是搞掉鍵盤按tab 能觸發事件的情況

/* keyword values */

pointer-events: auto;
pointer-events: none;
pointer-events: visiblepainted; /* svg only */
pointer-events: visiblefill; /* svg only */
pointer-events: visiblestroke; /* svg only */
pointer-events: visible; /* svg only */
pointer-events: painted; /* svg only */
pointer-events: fill; /* svg only */
pointer-events: stroke; /* svg only */
pointer-events: all; /* svg only */
/* global values */
pointer-events: inherit;
pointer-events: initial;
pointer-events: unset;

除了指示該元素不是滑鼠事件的目標之外，值none表示滑鼠事件「穿透」該元素並且指定該元素「下面」的任何東西。

初始值auto

適用元素

all elements

是否是繼承屬性

yes適用**

visual

計算值as specified

animation type

discrete

正規順序

the unique non-ambiguous order defined by the formal grammar

Angular4 實現動態Form

在最近的專案中遇到動態form表單的問題，遇到很多編輯的地方，而且編輯的form表單很多內容，大概幾十個字段，而且有不同的型別，有文字框，也有下拉列表，有時間控制項，還有數值控制項等等，如果採用硬編碼的方式會有很多問題，量太大，容易漏資料，很容易出錯 於是正好找到angular有類似的例子，參考這裡...

Angular4的雙向資料繫結

最近在學angular4，因為angularjs中預設是雙向資料繫結，但是如果在比較複雜的頁面使用的話會引起效能問題，那是因為angularjs會在頁面儲存乙個所有資料繫結的列表，每當資料發生變化時，angularjs都會反覆檢視列表，以保證資料一致性。然後在angular4中預設是單向資料繫結。但...

Angular4學習之依賴注入

在乙個專案中，元件和服務之間存在錯綜複雜的關係，為了最小程度的耦合，我們需要來管理組織這種關係，依賴注入就是管理這種關係的一種方式。在學習乙個概念之前，我們必須要知道我們為什麼要學習這個東西，這個東西究竟解決了什麼問題。就好比這裡講到的，依賴注入究竟解決了什麼問題。要解決這個問題，我們先來看看示例 ...