Angular（一）

Angular开发者指南（一）入门介绍

 

什么是Angular
AngularJS是动态Web应用程序的结构框架。 它允许您使用HTML作为模板语言，并允许您扩展HTML的语法以清晰，简洁地表达应用程序的组件。AngularJS的数据绑定和依赖注入消除了许多你不得不编写的代码。这一切都发生在浏览器中，使其成为任何服务器技术的理想合作伙伴。
动态应用程序和静态文档之间的动态适配常常通过以下方式解决

• 一个库：一组在编写网络应用程序时非常有用的函数。你的代码是负责在它调用库中它认为合适的。 例如jQuery
• 框架：Web应用程序的特定实现，其中你的代码填充详细信息。框架是负责，当它需要某些应用程序特定时调用你的代码。 例如，durandal，ember等。

AngularJS采取另一种方法。 它尝试通过创建新的HTML结构来最小化文档中心HTML和应用程序需要的阻抗之间的不匹配。 AngularJS通过我们调用指令的构造来教导浏览器的新语法。 示例包括：

• 数据绑定：{{}}

• DOM控制结构，用于重复，显示和隐藏DOM片段

• 支持表单和表单验证

• 将新行为附加到DOM元素，例如DOM事件处理

• 将HTML分组为可重用组件。

一个完整的客户端解决方案
AngularJS不是构建Web应用程序的客户端的整体谜题中的单一部分。它处理所有你曾经用手写的DOM和AJAX粘合代码，并把它放在一个定义良好的结构中。这使得AngularJS认为应该如何构建一个CRUD（创建，读取，更新，删除）应用程序。 但是，虽然它的意见，它也试图确保其意见只是一个起点，你可以轻易改变。 AngularJS提供了以下开箱即用的：

• 在一个连贯的集合中构建一个CRUD应用程序所需的一切：数据绑定，基本模板指令，表单验证，路由，深层链接，可重用组件和依赖注入

• 可测试性故事：单元测试，端到端测试，模拟和测试线束

• 发布应用程序以目录布局和测试脚本为起点。

AngularJS的讨巧之处
AngularJS通过向开发人员提供更高级别的抽象来简化应用程序开发。像任何抽象一样，它以灵活性为代价。换句话说，不是每个应用程序都适合AngularJS。AngularJS是用CRUD应用程序构建的。幸运的是，CRUD应用程序代表了大多数Web应用程序。 为了理AngularJS有什么好处，但它有助于理解什么时候一个应用程序不是一个很好的适合AngularJS。
游戏和GUI编辑器是使用密集和棘手的DOM操作的应用程序的例子。这些类型的应用程序不同于CRUD应用程序，因此可能不是一个很好适合AngularJS。在这些情况下，最好使用具有较低抽象级别的库，例如jQuery。
AngularJS的禅

• 注册回调：注册回调会杂乱你的代码，使得很难看到树的森林。 删除常见的样板代码，如回调是一件好事。 它大大减少了你必须做的JavaScript编码量，它使你更容易看到你的应用程序做什么。

• 以编程方式操纵HTML DOM：操纵HTML DOM是AJAX应用程序的基石，但它很繁琐，容易出错。通过声明性地描述在应用程序状态更改时UI应该如何更改，您将从低级DOM操作任务中释放出来。大多数使用AngularJS编写的应用程序从不需要以编程方式操作DOM，尽管如果你愿意的话。

• 与UI进行数据封送：CRUD操作构成了大多数AJAX应用程序的任务。 从服务器到内部对象到HTML表单的编组数据流，允许用户修改表单，验证表单，显示验证错误，返回到内部模型，然后返回到服务器，创建了很多模板文件代码。 AngularJS消除了几乎所有的这个样板，留下描述应用程序的整体流程的代码，而不是所有的实现细节。

• 写入大段的初始化代码只是为了开始：通常你需要写很多管道只是为了获得一个基本的“Hello World”AJAX应用程序工作。使用AngularJS，您可以使用服务轻松引导应用程序，这些服务以类似Guice的依赖注入方式自动注入到应用程序中。这允许你快速开始开发功能。作为奖励，你可以完全控制自动化测试中的初始化过程。