如何将AngularUI集成到AngularJS中？
如何将AngularUI集成到AngularJS中？
提问于 2012-09-18 15:24:51
对于这个愚蠢的问题，很抱歉，每个人都知道如何开始使用AngularUI吗？我已经从Github下载了它，并阅读了README中的说明，但仍然不明白我必须做什么。
回答 4
Stack Overflow用户
发布于 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">中的相同
让魔法开始吧。
Stack Overflow用户
发布于 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没有提到需要包含插件，这让我很惊讶。
Stack Overflow用户
发布于 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文档中显示的要多得多(如果您可以将其称为文档...)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12472244
复制相关文章
相似问题
腾讯云开发者
