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),看圖:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiI0gTMx81dsQWZ4lmZf1GLlpXazVmcvwFciV2dsQXYtJ3bm9CX9s2RkBnVHFmb1clWvB3MaVnRtp1XlBXe0xCMy81dvRWYoNHLwEzX5xCMx8FesU2cfdGLwMzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5CN1kjM1QjNyYDZ5QTM2YDNzYzX5ADM0QTMyEzLcBTMyIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjLyM3Lc9CX6MHc0RHaiojIsJye.png)
還可以初始化變量(ng-init),看下圖
3.表達式
隻需要用像{{}}這樣,把你需要的表達式放在中間就可以。看圖:
4.對象
這個看圖解釋。
這裡的ng-init='sex={a:'男',b:'女'}'然後{{sex.a}},注意,這個得對象成員不能為數字。
5.數組
跟我們平時js使用的數組是差不多的。看圖:
數組的基本操作----循環
關鍵詞 : ng-repeat=" x in xs "
在這裡,我們還沒有說怎麼處理數組的重複問題。這裡數組元素先不要重複。