Placeholder要支援老舊的IE7~IE9,使用jQuery也都有一堆plugin可以使用了。如果要在angularjs上使用,但是又不想載入jQuery,這時候可以使用angularjs-placeholder module。
使用angularjs-placeholder
載入angular module:
1 | <script type="text/javascript" src="../src/angularjs-placeholder.js"></script> |
定義需要使用到的module,和初始化ng-app:
1 | <script type="text/javascript"> |
實作angularjs-placeholder遇到的小問題
在實作angularjs-placeholder module時,在IE7發現一個小問題,無法取得placeholder的值,但是在有的jQuery情況,都會幫忙處理掉了。
1 | /** |
所以如果要在IE7取得placeholder,這時候native有提供另一個api可以使用。
1 | var node = input.getAttributeNode( "placeholder" ); |