如何将AngularUI集成到AngularJS?

前端之家收集整理的这篇文章主要介绍了如何将AngularUI集成到AngularJS?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对不起,愚蠢的问题,大家都知道如何开始使用AngularUI?我从Github下载它,阅读README中的指令,但仍然不明白我要做什么。
集成步骤:

>包括jQuery和jQuery-ui(最好从CDN提供)
>包括角度(最好包括来自CDN)
>包括angular-ui JS / CSS(目前仅在构建文件夹中的GitHub存储库中托管)
>为您计划使用的指令包含任何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/的源代码,其中有所有指令的实例。

猜你在找的Angularjs相关文章