Angular js 具体应用(一)

1,首先引用Angular  百度静态资源库搜索Angular  复制链接,在HTML中嵌入script

最好写在正文下面

 

<script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>

 

2,ng-app  指定一个angular应用 简单理解就是当前内部可以使用angular语法   ng-...

,Angular环境,先确认环境,一个页面只能有一个环境,如果需要整个页面就写在html中或者写在body中,如果只是以下部分就写在div中即可

 

 

双向数据绑定 有一个变化两个都变化

html

script 获得当前应用程序

 

 3,控制器

html 在body中要加入控制器

script获取控制器

 4,ng-init 初始化变量 开发环境中数据是从后台获取的数据通过js出试卷

　　ng-bind把初始化的值绑定到当前标签中

格式,数子,字符串,数组 中ng-init 和 ng-bind

 字符串

 

数组

 

4,指令

 

 同步数据

两个数据相互同步

 

ng-repeat

自定义指令

双向绑定

5,验证表单是否合法

valid有效的  invalid无效的  pending等待   pristine原始

 

$rootScope

还可以将script部分重新写一个js文件连接进去方便以后的维护