对于这个愚蠢的问题,很抱歉,每个人都知道如何开始使用AngularUI吗?我已经从Github下载了它,并阅读了README中的说明,但仍然不明白我必须做什么。
发布于 2013-05-04 02:00:44
截至2013年5月3日,步骤如下:
包括
<script src="angular.min.js"></script>
<script src="ui-bootstrap-tpls-0.3.0.min.js"></script>
注册ui
angular.module('myFancyApp', ['ui.bootstrap']);
确保myFancyApp
与<html ng-app="myFancyApp">
中的相同
让魔法开始吧。
发布于 2012-11-18 06:56:54
我认为缺少的是插件--你必须添加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没有提到需要包含插件,这让我很惊讶。
发布于 2013-02-28 05:43:04
嗨,我写了一篇文章,专门介绍如何为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文档中显示的要多得多(如果您可以将其称为文档...)
https://stackoverflow.com/questions/12472244
复制相似问题