标签:完成 app 输入 rootscope 作用域 包含 模型 而且 视图
1. Angularjs
2. 指令
ng-app(指令): 告诉angular 核心它管理当前标签所包含的整个区域,并且会自动创建$rootScope 根作用域对象。
ng-model : 将当前输入框的值与谁关联(属性名:属性值),并且为当前作用域对象($rootScope)的属性
{{}} (表达式) :显示数据,从当前作用域对象的指定属性名上取。
1. 表达式: 通常有一个返回值,可以放在任何需要值得地方,比如函数调用的参数,一个变量名,一个运算。
2 语句 : 通常表示一个完整的执行单位,一段完整的js 可执行代码,有的语句也可以用表达式来执行,叫做表达式
语句。
3 区别 : 语句用分号结尾,有些语句我们没有加分号,比如console.log 虽然我们没有加分号,单也是语句,因为
js引擎在解析的时候会自动加上分号
4.特例 : if 语句,就不用加分号,可也是完整语句。
3. 数据绑定
1.数据绑定 : 数据从一个地方A 转移(传递)到另一个地方B,而且这个操作由框架来完成
2. 双向数据绑定 : 数据可以从 view(视图层) 流向Model(模型),也可以从Model 流向View * 视图(View) : 也就是我们的页面(主要是Angularjs 指令和表达式) * 模型(Model): 作用域对象(当前为$rootScope),他可以包含一些属性和方法。 * 当改变View 中的数据,Model 对象的对应属性也会改变: ng-model 指令 数据从View ===>Model * 当Model域对象的属性发生改变时候,页面对应数据随之更新: {{}} 表达式 数据从Model===>View * ng-model 是双向数据绑定,而{{}} 是单向数据绑定
3. ng-init 用来初始化当前作用域变量。
标签:完成 app 输入 rootscope 作用域 包含 模型 而且 视图
原文地址:https://www.cnblogs.com/satisfysmy/p/8985598.html