笑猫爱吃鱼

摘要： 使用$watch监控数据模型的变化当数据模型中的某一部分改变时，$watch函数可以向出通知。我们可以控制单个对象的属性，也可以监控函数。它的函数签名为$watch(watchFn,watchAction,deepWatch);每个参数的详细含义：watchFn:该参数是一个带有Angular表达式或者函数的字符串，watchAction:这是一个函数或者表达式，当watchFn发生改变时会被调用，如果是函数形式他会接受到watchFn的新旧两个值，以及作用于对象的引用。其函数签名是function(newValue,oldValue,scope)。deepWatch:如果设置为true，这个 阅读全文

摘要： 列表、表格以及其他迭代元素ng-repeat指令可以根据集合中的项目一次创建一组元素的多分拷贝。不管在什么地方，只要我们想创建一组事物的列表，我们就可以使用这条指令。例如： 1: 2: 3: {{student.name}} 4: 5: 6: 15: 结果如下：修改学生信息数组会自动刷新渲染的列表，我们可以往列表里插入一条学生信息： 1: 2: 3: 4: 5: 6: 7: 8: 9: {{student... 阅读全文

摘要： 模板和数据绑定Angular应用中的模板只是一些HTML片段而已，我们可以从服务器上加载，或者在 9: 17: 上述代码策略有一个潜在问题，即，只有当用户在文本框输入值的时候我们才会计算所需的金额。当用户在这个特定的输入框输入时，输入框就会正确地刷新。但是，如果还有其他输入框绑定到模型的这个属性上，会怎样呢？如果接收到服务端的数据，导致数据模型刷新，又会怎么样呢？为了能够正确的刷新输入框，而不管它是通过何种途径进行刷新的，我们需要使用$scope中的$watch()函数。我们可以通过它监视一个表达式，当这个表达式发生改变时就调用回调函数。 1: 2: 3... 阅读全文

摘要： 调用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去管理页面上... 阅读全文

摘要： AngularJS是一款来自Google的前端JS框架，它的核心特性有：MVC、双向数据绑定、指令和语义化标签、模块化工具、依赖注入、HTML模板、以及对常用工具的封装，例如$http、$cookies、$location等。我们可以到http://www.angularjs.org/下载AngularJS。AngularJS框架的体积非常小，但是设计理念和功能却非常强大，值得前端开发者深入学习。先来看一个小例子： 1: 2: 3: 4: 5: 6: 7: 8: 9: {{greeti... 阅读全文

摘要： 在js中“||”和“&&”不只是在if语句中使用，他们还有另一种使用方法。比如： 1: console.log(false||true);//true 2: console.log(false && true);//false为什么会这样呢？原来系统会先判断“||”前面表达式的布尔值，是真是假。如果为真，直接返回前面的。如果为假，直接返回后面的（不会判断后面的是什么类... 阅读全文

摘要： 1.1 函数作用域不同于大多数类 C 的语言，由一对花括号封闭的代码块就是一个作用域，JavaScript 的作用域是通过函数来定义的，在一个函数中定义的变量只对这个函数内部可见，我们称为函数作用域。在函数中引用一个变量时，JavaScript 会先搜索当前函数作用域，或者称为“局部作用域”，如果没有找到则搜索其上层作用域，一直到全局作用域。我们看一个简单的例子：var v1 = 'v1';var f1 = function() {console.log(v1); // 输出 v1};f1();var f2 = function() {var v1 = 'local&# 阅读全文