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

angularJs学习笔记

时间:2016-06-03 18:55:56      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

学到: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 应用程序定义了 初始值。(不常用)

自定义指令:略 

angularJs学习笔记

标签:

原文地址:http://www.cnblogs.com/xujanus/p/5557001.html

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