AngularJS系列之常用指令

angularjs 指令是擴充套件的 html 屬性，帶有字首 ng-。

指令初始化乙個 angularjs 應用程式。

ng-init指令初始化應用程式資料。

ng-model指令把元素值（比如輸入域的值）繫結到應用程式。

下面給乙個例子綜合的介紹一下這三個指令的用法：

姓名: 
你輸入的為: }
執行這個程式你會發現乙個很有意思的事情，那就是你一修改輸入框中的值，下面表示式就會馬上隨之發生改變，這就是ng-model的最大特點之一。
利用ng-model你就可以輕輕鬆鬆做資料同步了，不需要再編寫複雜的js**來實現這一效果，輕鬆利用ng-model就可以實現這一效果。
還有乙個比較重要的指令就是：ng-repeat 
這個指令最大的作用就是迴圈輸出html元素，類似於js中的each功能。下面給出乙個例子來介紹這個指令的具體用法：

用法就是上面的「x in names」通過這個**就可以實現類似於js中的in方法，把names中的值乙個個取出來並放到x這個變數中，最後放到}中展示在html中去。

除了上面說到的一些系統指令外，angularjs中還可以自己定義指令，下面就給大家介紹一下angularjs是如何實現自定義指令的：

除了 angularjs 內建的指令外，我們還可以建立自定義指令。

你可以使用.directive函式來新增自定義的指令。

要呼叫自定義指令，html 元素上需要新增自定義指令名。

使用駝峰法來命名乙個指令，runoobdirective, 但在使用它時需要以-分割,runoob-directive:

return ;
});

屬性、類名、注釋這四種方法來實現自定義指令的呼叫。

下面就給大家介紹一下這些方法各自呼叫的例子：

元素名：

>

屬性：<

>

注釋：

當然咱們也可以通過限制指令讓它只能通過特定的方法觸發。下面給出乙個例子：

return ;
});注意：通過設定restrict屬性值為 "a" 來設定指令只能通過 html 元素的屬性來呼叫。

restrict值可以是以下幾種:e作為元素名使用、a作為屬性使用、c作為類名使用、m作為注釋使用。

restrict預設值為ea, 即可以通過元素名和屬性名來呼叫指令。利用自定義指令就可以實現很多自己想要的功能了，是不是非常方便呀。

AngularJS系列之JavaScript繼承

所有開發者定義的類都可作為基類。本地類和宿主類不能作為基類。建立的子類將繼承超類的所有屬性和方法，包括建構函式及方法的實現。子類可直接訪問這些方法。子類還可新增超類中沒有的新屬性和方法，也可以覆蓋超類的屬性和方法。建構函式使用 this 關鍵字給所有屬性和方法賦值 即採用類宣告的建構函式方式 因為建...

AngularJS之表單驗證

當從使用者那裡得到輸入的時候，給使用者乙個視覺上的反饋很重要。表單驗證的目的是為了給予反饋，同樣也是為了得到正確的輸入。在表單校驗上，angularjs既支援html5地混合表單校驗，當然還有自帶的用來校驗的directives.angularjs 使我們不用做很多額外得工作，就能夠不費吹灰之力地處...

angularjs之迴圈遍歷

var idarr 建立乙個空陣列angular.foreach scope.datalist function each push 將引數 括號中的資料 按順序新增到idarr,直接修改idarr值，不會重新建立陣列 angularjs遍歷迴圈陣列的邏輯思維angularjs有自帶的迴圈方法，an...