摘要:AngularJS是由Google创建的一种JS框架,使用它可以扩展应用程序中的HTML功能,从而在web应用程序中使用HTML声明动态内容。在该团队工作的软件工程师Brian Ford近日撰写了一篇blog,分享了如何使用AngularJS构建大型Web应用的经验。这些经验对于使用其他JS框架构建...
阅读全文
摘要:创建服务虽然AngularJS提供了很多有用的服务,但是如果你要创建一个很棒的应用,你可能还是要写自己的服务。你可以通过在模块中注册一个服务工厂函数,或者通过Module#factory api或者直接通过模块配置函数中的$provide api来实现。所有的服务都符合依赖注入的原则。它们用一个唯一...
阅读全文
摘要:服务是一种由服务器端带到客户端的特性,它由来已久。AngularJS应用中的服务是一些用依赖注入捆绑在一起的可替换的对象。服务是最常和依赖注入一起用的,它也是AngularJS中的关键特性。接下来,我们详细讲解下$location服务。$location服务,解析地址栏中的URL(基于window....
阅读全文
摘要:AngularJS过滤器是用来格式化输出数据的。除了格式化数据,过滤器还能修改DOM。这使得过滤器通常用来做些如“适时的给输出加入CSS样式”等工作。比如,你可能有些数据在输出之前需要根据进行本地化。你可以向下面这样使用链式的过滤器来传递表达式:name | uppercase这个表达式执行时会将n...
阅读全文
摘要:模板AngularJS模板是一种声明式的规则。它包含了模型和控制器的信息,最后会被渲染成用户在浏览器中看到的视图。它是静态的DOM,包含HTML,CSS和AngularJS指定的元素和属性。AngularJS元素和属性让angular给模板DOM添加行为,或者变形,成为动态地DOM。下面是你能在模板...
阅读全文
摘要:modelmodel这个词在AngularJS中,既可以表示一个(比如,一个叫做phones的model,它的值是一个包含多个phone的数组)对象,也可以表示应用中的整个数据模型,这取决于我们所讨论的AngularJS文档中的上下文。在AngularJS中,一个模型就是AngularJS作用域对象...
阅读全文
摘要:依赖注入是一种软件设计模式,用来处理代码的依赖关系。一般来说有三种方法让函数获得它需要的依赖:它的依赖是能被创建的,一般用new操作符就行。能够通过全局变量查找依赖。依赖能在需要时被导入。前两种方式都不是很好,因为它们需要对依赖硬编码,使得修改依赖的时候变得困难。特别是在测试的时候不好办,因为对某个...
阅读全文
摘要:AngularJS作用域是一个指向应用模型的对象。它是表达式的执行环境。作用域有层次结构,这个层次和相应的DOM几乎是一样的。作用域能监控表达式和传递事件。作用域的特点作用域提供APIs($watch)来观察模型的变化。作用域提供APIs($apply)将任何模型的改变,反映到视图上。作用域能通过共...
阅读全文
摘要:在讲angularjs的模块之前,我们先介绍一下angular的一些知识点:AngularJS是纯客户端技术,完全用Javascript编写的。它使用的是网页开发的常规技术(HTML,CSS,Javascript),目的是让网页应用开发更快更容易。AngularJS简化应用开发的一个重要方法是,将一...
阅读全文
摘要:AngularJS本地化,国际化国际化,简写为i18n,指的是使产品快速适应不同语言和文化。本地化,简称l10n,是指使产品在特定文化和语言市场中可用。对开发者来说,国际化一个应用意味着将所有的文字和其他因地区而异的数据从应用中抽离出来。本地化意味着为这些抽离的数据和文字提供翻译和转变成本地的格式。...
阅读全文
摘要:表单控件(input, select, textarea )是用来获取用户输入的。表单则是一组有联系的表单控件的集合。用户能通过表单和表单控件提供验证的服务,知道自己的输入是否合法。这样能让用户交互变得友好,因为用户能通过反馈来修正自己的错误。不过,虽然客户端的验证能够起到很大作用,但也很容易被绕过...
阅读全文
摘要:AngularJS表达式类似Javascript的代码片段,通常在数据绑定中用到,写在双大括号中,如:{{表达式}}。表达式是用$parse方法来处理的。下面是一些合法的AngularJS表达式1+23*10 | currencyuser.name你可能会认为AngularJS视图中的表达式就是Ja...
阅读全文
摘要:指令是我们用来扩展浏览器能力的技术之一。在DOM编译期间,和HTML元素关联着的指令会被检测到,并且被执行。这使得指令可以为DOM指定行为,或者改变它。AngularJS有一套完整的、可扩展的、用来帮助web应用开发的指令集,它使得HTML可以转变成“特定领域语言(DSL)”。指令可以做为HTML中...
阅读全文
摘要:AngularJS的主要组成部分是:启动(startup)- 展示“hello world!”执行期(runtime)- AngularJS 执行期概览作用域(scope)- 视图和控制器的集合区控制器(controller)- 应用的行为模型(model)- 应用的数据视图(view)- 用户能看...
阅读全文
摘要:自动初始化请将ng-app指令放到你应用的标签节点中, 如果你想要AngularJS自动执行整个程序就把它放在 标签中。比如:AngularJS会在DOMContentLoaded事件触发时执行,并通过ng-app指令寻找你应用的根作用域。如果 ng-app指令找到了,那么AngularJS将会:...
阅读全文
摘要:什么是 AngularJS?AngularJS 是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言,通过扩展HTML的语法,让你能更清楚、简洁地构建你的应用组件。它的创新点在于,利用数据绑定和依赖注入,它使你不用再写大量的代码了。AngularJS是为了克服HTML在构建应用上的...
阅读全文