6、创建 AngularJS 客户端应用程序指南

创建 AngularJS 客户端应用程序指南

1. 第三方用户界面库与 AngularJS

在 AngularJS 应用中使用非 AngularJS 库操作 DOM 时，通常需要创建新指令，将 jQuery 元素引用替换为 angular.element() 调用。AngularJS 有内置的类 jQuery 库 jqLite，若应用中引用了 jQuery，则会优先使用它。 angular.element() 调用会转换为 jQLite 或 jQuery 调用。

1.1 开源社区转换的组件与兼容库

• 开源社区将一些 jQuery 组件转换为 AngularJS 组件。
• 也有一些商业用户界面库与 AngularJS 兼容，如 Wijmo 和 Kendo UI，它们都有部分免费组件。

1.2 AngularUI 库

AngularUI 托管在 http://angular-ui.github.io ，是知名的 AngularJS 配套库，包含多个可独立使用的模块：
| 模块名称 | 功能描述 |
| ---- | ---- |
| UI.Utils | 提供如 jQuery Passthrough 等指令，可直接在 AngularJS 中使用 jQuery 函数或插件，无需创建新指令 |
| UI Bootstrap | 流行的第三方模块，基于原始 JavaScript 文