天天看點

AngularJS第一節課

1.引入:<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>

2.建立一個app容器(div),添加屬性 ng-app='',然後擷取輸入資料(ng-model)給綁定元素(ng-bind),看圖:

AngularJS第一節課

還可以初始化變量(ng-init),看下圖

AngularJS第一節課

3.表達式

隻需要用像{{}}這樣,把你需要的表達式放在中間就可以。看圖:

AngularJS第一節課

4.對象

這個看圖解釋。

AngularJS第一節課

這裡的ng-init='sex={a:'男',b:'女'}'然後{{sex.a}},注意,這個得對象成員不能為數字。

5.數組

跟我們平時js使用的數組是差不多的。看圖:

AngularJS第一節課

數組的基本操作----循環

關鍵詞 : ng-repeat=" x in xs "

AngularJS第一節課

在這裡,我們還沒有說怎麼處理數組的重複問題。這裡數組元素先不要重複。

繼續閱讀