angularjs - 如何将 AngularUI 集成到 AngularJS 中？

Question

抱歉问了个愚蠢的问题，每个人都知道如何开始使用 AngularUI 吗？我已经从 Github 下载了它并阅读了 README 中的说明，但仍然不明白我必须做什么。

Answer 1

集成步骤:

• 包含 jQuery 和 jQuery-ui(最好通过 CDN 提供服务)
• 包含 Angular(最好包含来自 CDN 的内容)
• 包含 angular-ui JS/CSS(目前仅托管在 GitHub 存储库的 build 文件夹中)
• 包含您计划使用的指令的所有 jQuery 插件
• 声明对 angular-ui 模块的依赖关系(ui.directives 或 ui.filters，具体取决于您计划使用的模块)。

大多数概述的步骤都只是包含 JS/CSS 依赖项。唯一“棘手”的部分是声明对 ui.* 模块的依赖关系，您可以这样做:

var myApp = angular.module('myApp',['ui.directives']);

包含所有依赖项并配置模块后，您就可以开始了。例如，使用 ui-date 指令非常简单(注意 ui-date):

<input name="dateField" ng-model="date" ui-date>

这是完整的 jsFiddle，展示了如何使用 ui-date 指令: http://jsfiddle.net/r7UJ2/11/

您可能还想查看 http://angular-ui.github.com/ 的来源其中有所有指令的实例。