AngularJS第一节课

版权声明：只要点赞，这篇文章就是你的。 https://blog.csdn.net/weixin_36691991/article/details/88806516

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）,看图：

还可以初始化变量(ng-init)，看下图

3.表达式

只需要用像｛｛｝｝这样，把你需要的表达式放在中间就可以。看图：

4.对象

这个看图解释。

这里的ng-init='sex={a:'男',b:'女'}'然后｛｛sex.a｝｝,注意，这个得对象成员不能为数字。

5.数组

跟我们平时js使用的数组是差不多的。看图：

数组的基本操作----循环

关键词 ： ng-repeat=" x in xs "

在这里，我们还没有说怎么处理数组的重复问题。这里数组元素先不要重复。

6.练习，一个简单的计算器