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

最好写在正文下面Angular js 具体应用(一)

 

<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中即可

 

 Angular js 具体应用(一)

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

html

Angular js 具体应用(一)

script 获得当前应用程序

Angular js 具体应用(一)

 

 3,控制器

Angular js 具体应用(一)

html 在body中要加入控制器

Angular js 具体应用(一)

script获取控制器

Angular js 具体应用(一)

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

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

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

Angular js 具体应用(一)

Angular js 具体应用(一)

 字符串

 Angular js 具体应用(一)

数组

Angular js 具体应用(一)

 Angular js 具体应用(一)

4,指令

Angular js 具体应用(一)

 

 同步数据

Angular js 具体应用(一)

Angular js 具体应用(一)

两个数据相互同步

Angular js 具体应用(一)

 

ng-repeat

Angular js 具体应用(一)

Angular js 具体应用(一)

Angular js 具体应用(一)

Angular js 具体应用(一)

自定义指令

Angular js 具体应用(一)

Angular js 具体应用(一)

Angular js 具体应用(一)

双向绑定

Angular js 具体应用(一)

5,验证表单是否合法

Angular js 具体应用(一)

Angular js 具体应用(一)

Angular js 具体应用(一)

Angular js 具体应用(一)

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

 

$rootScope

Angular js 具体应用(一)还可以将script部分重新写一个js文件连接进去方便以后的维护

 

相关文章:

  • 2021-10-05
  • 2021-07-22
  • 2021-11-30
  • 2022-12-23
  • 2021-11-28
  • 2021-06-08
  • 2022-12-23
猜你喜欢
  • 2021-09-06
  • 2021-08-16
  • 2022-12-23
  • 2022-01-05
  • 2021-08-08
  • 2021-11-19
  • 2022-12-23
相关资源
相似解决方案