AngularJS开发指南23:理解AngularJS过滤器
AngularJS过滤器是用来格式化输出数据的。除了格式化数据,过滤器还能修改DOM。这使得过滤器通常用来做些如“适时的给输出加入CSS样式”等工作。 比如,你可能有些数据在输出之前需要根据进行本地化。你可以向下面这样使用链式的过滤器来传递表达式: name | uppercase 这个表达式执行时会将name的值传递 …
AngularJS过滤器是用来格式化输出数据的。除了格式化数据,过滤器还能修改DOM。这使得过滤器通常用来做些如“适时的给输出加入CSS样式”等工作。 比如,你可能有些数据在输出之前需要根据进行本地化。你可以向下面这样使用链式的过滤器来传递表达式: name | uppercase 这个表达式执行时会将name的值传递 …
AngularJS中的数据绑定就是模型与视图间的自动同步。这种实现方式让你能专心地处理你的模型。视图总是模型的投影。当模型改变,视图就会反映这种改变,反之亦然。 传统的模板系统数据绑定 大部分模板系统都是这种绑定方式。 方向:如图所示,它们将模型和模板结合生成视图。这个结合过程产生的视图不是动态更新的。更糟的是,任何用 …
AngularJS设置了下面这些CSS类名,你可以方便地用来给你的应用添加样式。 AngularJS使用的CSS类名 ng-invalid, ng-valid 当元素中的输入值没有通过验证时,AngularJS会将这个类名加入到元素上。(参考input指令)。 ng-pristine, ng-dirty input指令 …
AngularJS模板是一种声明式的规则。它包含了模型和控制器的信息,最后会被渲染成用户在浏览器中看到的视图。它是静态的DOM,包含HTML,CSS和AngularJS指定的元素和属性。AngularJS元素和属性让angular给模板DOM添加行为,或者变形,成为动态地DOM。 下面是你能在模板中用到的Angular …
随着软件的规模和复杂度增长。依靠人工来进行测试越来越不现实。 为了解决这个问题,我们建立了Angular Scenario Runner来模拟用户交互,以此来帮助你对你的应用进行测试。 概览 方案测试(scenario tests)使用Javascript写的,你在其中描述在某一个状态的某一个交互中你的应用应该运作。一 …
在AngularJS中,视图(view)指的是浏览器加载和渲染之后,并且在AngularJS根据模板、控制器、模型信息修改之后的DOM。 在AngularJS对MVC的实现中,视图是知道模型和控制器的。视图知道模型的双向绑定。视图通过指令知道的控制器,比如ngController和ngView指令,也可以通过绑定知道, …
在AngularJS中,控制器是一个Javascript函数(类型/类),用来增强除了根作用域意外的作用域实例的。当你或者AngularJS本身通过scope.$new俩创建一个新的子作用域对象时,有一个选项能让你将它当做参数传递给控制器。这能使AngularjS将控制器和这个作用域联系起来,增强作用域的行为。 控制器 …
model这个词在AngularJS中既可以表示一个用来表示实体(比如,一个叫做phones的model,它的值是一个包含多个phone的数组)的对象,也可以表示应用中的整个数据模型,这取决于我们所讨论的AngularJS文档中的上下文。 在AngularJS中,一个模型就是一AngularJS作用于对象的任何一个可取 …
自MVC模式第一次发表出来,它已经吸收了很多新的含义。AngularJS将它原本的宗旨整合进自己的模式中,更好的帮助开发浏览器端应用。 总的概括MVC模式: 将应用分解成独立的表现、数据、逻辑三种组件。 鼓励三者间的解耦。 和服务、依赖注入这两项技术一样,MVC让AngularJS应用更好地结构化,更容易实现和更容易测 …
依赖注入 依赖注入是一种软件设计模式,用来处理代码的依赖关系。 要更多地了解依赖注入,你可以到wikipedia上查找依赖注入,Martin Fowler写的Inversion of Control,或者到你喜欢的讲设计模式的书中查找。 简单说说依赖注入 一般来说有三种方法让函数获得它的需要的依赖: 它的依赖是能被创建 …