很抱歉这个愚蠢的问题,每个人都知道如何开始使用AngularUI吗?我已经从Github下载了它,并阅读了README中的说明,但是仍然不明白我该怎么做。
很抱歉这个愚蠢的问题,每个人都知道如何开始使用AngularUI吗?我已经从Github下载了它,并阅读了README中的说明,但是仍然不明白我该怎么做。
Answers:
整合步骤:
build
文件夹中)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/的源代码,其中有所有指令的实时示例。
ui.directives
与ui.filters
上得到了依赖ui.config
模块。但是可以肯定的是,它只能提及该ui
模块。
自2013年5月3日起,这些步骤如下:
包括
<script src="angular.min.js"></script>
<script src="ui-bootstrap-tpls-0.3.0.min.js"></script>
注册用户界面
angular.module('myFancyApp', ['ui.bootstrap']);
确保myFancyApp
与您的相同<html ng-app="myFancyApp">
让魔术开始。
我认为缺少的是插件-您必须添加jquery插件脚本和CSS才能使一些angular-ui指令起作用。例如,codemirror指令需要:
<script src="http://codemirror.net/lib/codemirror.js" type="text/javascript"></script>
<script src="http://codemirror.net/lib/util/runmode.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://codemirror.net/lib/codemirror.css" type="text/css" />
让我感到惊讶的是,angular-ui.github.com并未提到需要包含插件。
嗨,我写了一篇专门关于如何针对PHP语法突出显示的文章。文章在这里:http : //neverstopbuilding.net/how-to-integrate-codemirror-with-angular-ui/
事情的核心是正确配置:
var myApp = angular.module('myApp', ['ui']);
myApp.value('ui.config', {
codemirror: {
mode: 'text/x-php',
lineNumbers: true,
matchBrackets: true
}
});
function codeCtrl($scope) {
$scope.code = '<?php echo "Hello World"; ?>';
}
对于类似以下HTML片段的内容:
<div ng-app="myApp">
<div ng-controller="codeCtrl">
<textarea ui-codemirror ng-model="code"></textarea>
</div>
</div>
您可以在此处查看设置的整个jsfiddle:http : //jsfiddle.net/jrobertfox/RHLfG/2/
pkozlowski.opensource是正确的,您需要包含的文件比AngularUI文档中包含的文件要多(如果可以将其称为文档...)
无论如何,我希望这对您或其他人有帮助。
ui.directives
将ui.config
在引用时引发错误。相反,您应该始终包含ui
并删除不想要的指令/过滤器。