摘要: 使用$watch监控数据模型的变化当数据模型中的某一部分改变时,$watch函数可以向出通知。我们可以控制单个对象的属性,也可以监控函数。它的函数签名为$watch(watchFn,watchAction,deepWatch);每个参数的详细含义:watchFn:该参数是一个带有Angular表达式或者函数的字符串,watchAction:这是一个函数或者表达式,当watchFn发生改变时会被调用,如果是函数形式他会接受到watchFn的新旧两个值,以及作用于对象的引用。其函数签名是function(newValue,oldValue,scope)。deepWatch:如果设置为true,这个 阅读全文
posted @ 2014-04-11 22:14 笑猫爱吃鱼 阅读(336) 评论(0) 推荐(0) 编辑
摘要: 列表、表格以及其他迭代元素ng-repeat指令可以根据集合中的项目一次创建一组元素的多分拷贝。不管在什么地方,只要我们想创建一组事物的列表,我们就可以使用这条指令。例如: 1: 2: 3: {{student.name}} 4: 5: 6: 15: 结果如下:修改学生信息数组会自动刷新渲染的列表,我们可以往列表里插入一条学生信息: 1: 2: 3: 4: 5: 6: 7: 8: 9: {{student... 阅读全文
posted @ 2014-04-09 22:42 笑猫爱吃鱼 阅读(415) 评论(0) 推荐(0) 编辑
摘要: 模板和数据绑定Angular应用中的模板只是一些HTML片段而已,我们可以从服务器上加载,或者在 9: 17: 上述代码策略有一个潜在问题,即,只有当用户在文本框输入值的时候我们才会计算所需的金额。当用户在这个特定的输入框输入时,输入框就会正确地刷新。但是,如果还有其他输入框绑定到模型的这个属性上,会怎样呢?如果接收到服务端的数据,导致数据模型刷新,又会怎么样呢?为了能够正确的刷新输入框,而不管它是通过何种途径进行刷新的,我们需要使用$scope中的$watch()函数。我们可以通过它监视一个表达式,当这个表达式发生改变时就调用回调函数。 1: 2: 3... 阅读全文
posted @ 2014-04-08 21:30 笑猫爱吃鱼 阅读(351) 评论(0) 推荐(1) 编辑
摘要: 调用Angular为了使用Angular,所有应用都必须首先做两件事:1.加载Angular.js库。2.使用ng-app指令告诉Angular应用管理DOM中的哪一部分。加载脚本加载类库的操作非常简单,与其他JavaScript类库遵循同样的规则。示例如下: 1: 你可以吧script标签里的src换成你自己的。使用ng-app声明Angular的边界你可以使用ng-app指令告诉Angular应该管理页面中的那一块。如果你正在构建一款纯Angular应用,那么你应该把ng-app指令写在标签中,实例如下: 1: 2: 3: 这样就会告诉Angular去管理页面上... 阅读全文
posted @ 2014-04-08 01:29 笑猫爱吃鱼 阅读(316) 评论(1) 推荐(0) 编辑
摘要: AngularJS是一款来自Google的前端JS框架,它的核心特性有:MVC、双向数据绑定、指令和语义化标签、模块化工具、依赖注入、HTML模板、以及对常用工具的封装,例如$http、$cookies、$location等。我们可以到http://www.angularjs.org/下载AngularJS。AngularJS框架的体积非常小,但是设计理念和功能却非常强大,值得前端开发者深入学习。先来看一个小例子: 1: 2: 3: 4: 5: 6: 7: 8: 9: {{greeti... 阅读全文
posted @ 2014-04-07 19:51 笑猫爱吃鱼 阅读(636) 评论(0) 推荐(0) 编辑
摘要: 在js中“||”和“&&”不只是在if语句中使用,他们还有另一种使用方法。比如: 1: console.log(false||true);//true 2: console.log(false && true);//false为什么会这样呢?原来系统会先判断“||”前面表达式的布尔值,是真是假。如果为真,直接返回前面的。如果为假,直接返回后面的(不会判断后面的是什么类... 阅读全文
posted @ 2014-04-07 17:43 笑猫爱吃鱼 阅读(865) 评论(0) 推荐(0) 编辑
摘要: 1.1 函数作用域不同于大多数类 C 的语言,由一对花括号封闭的代码块就是一个作用域,JavaScript 的作用域是通过函数来定义的,在一个函数中定义的变量只对这个函数内部可见,我们称为函数作用域。在函数中引用一个变量时,JavaScript 会先搜索当前函数作用域,或者称为“局部作用域”,如果没有找到则搜索其上层作用域,一直到全局作用域。我们看一个简单的例子:var v1 = 'v1';var f1 = function() {console.log(v1); // 输出 v1};f1();var f2 = function() {var v1 = 'local&# 阅读全文
posted @ 2014-04-06 17:13 笑猫爱吃鱼 阅读(547) 评论(1) 推荐(1) 编辑