angularJs学习笔记

Posted 2020-07-20 系统攻城狮

学到：http://www.runoob.com/angularjs/angularjs-scopes.html 未完待续

 

1.AngularJS 应用组成如下：

• View(视图), 即 HTML。
• Model(模型), 当前视图中可用的数据。Scope(作用域) 是应用在 HTML (视图) 和 javascript (控制器)之间的纽带。
• Controller(控制器), 即 JavaScript 函数，可以添加或修改属性。

2.angular的control方法不能直接放在JQ的ready(function(){})中，因为这时传入ready方法的是个闭包函数，其中的作用域和全局的作用域隔离了，所以angular无法渲染上下文

3.AngularJS 表达式 与 JavaScript 表达式

类似于 JavaScript 表达式，AngularJS 表达式可以包含字母，操作符，变量。
与 JavaScript 表达式不同，AngularJS 表达式可以写在 HTML 中。
与 JavaScript 表达式不同，AngularJS 表达式不支持条件判断，循环及异常。
与 JavaScript 表达式不同，AngularJS 表达式支持过滤器。

 

常用指令：

ng-app： 指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序 的"所有者"。

ng-controller ：定义了控制器

ng-model： 指令把输入域的值绑定到应用程序变量 name。

ng-model ：指令可以为应用数据提供状态值(invalid, dirty, touched, error):

ng-repeat ：指令ng-repeat 指令对于集合中（数组中）的每个项会 克隆一次 HTML 元素。

ng-bind： 指令把应用程序变量 name 绑定到某个段落的 innerHTML。

ng-init ：指令ng-init 指令为 AngularJS 应用程序定义了 初始值。（不常用）

自定义指令：略