码迷,mamicode.com
首页 > Web开发 > 详细

Angularjs

时间:2018-05-03 16:30:11      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:完成   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 用来初始化当前作用域变量。

 

Angularjs

标签:完成   app   输入   rootscope   作用域   包含   模型   而且   视图   

原文地址:https://www.cnblogs.com/satisfysmy/p/8985598.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!