angularjs – Angular ui bootstrap指令模板丢失
|
我目前正在测试本地在我的机器上的角度bootstrap-UI。当我尝试重新创建手风琴和对话框的例子。我在控制台中收到此错误消息，说模板丢失。
当我看到ui-bootstrap-0.1.0.js指令有一个模板URL。 templateURL的指令的目的是什么？ 当我下载整个角度的bootstrap-UI zip文件时，是否包括那些模板？ 我缺少我应该包括在我的标题中的其他文件？ <link rel="stylesheet" href="includes/css/bootstrap.css"> <script src="includes/js/angular.js"></script> <script src="includes/js/ui-bootstrap-0.1.0.js"></script>
您有两个选择：
>如果你不想制作自己的模板并想要内置的模板，你应该下载ui-bootstrap-tpls-0.1.0.js文件 – 这会注入所有的模板，这样他们就被预先缓存到你的应用程序：https://github.com/angular-ui/bootstrap/blob/gh-pages/ui-bootstrap-tpls-0.1.0.js#L1322 阅读更多：https://github.com/angular-ui/bootstrap/tree/gh-pages#build-files 编辑： 你也可以下载bootstrap-tpls.js，并且仍然使用你自己的方法覆盖一些指令的templateUrls，使用AngularJS装饰器来改变指令的templateUrl。这里是一个例子，更改的datepicker的templateUrl： http://docs.angularjs.org/api/AUTO.$provide#methods_decorator myApp.config(function($provide) {
$provide.decorator('datepickerDirective',function($delegate) {
//we now get an array of all the datepickerDirectives,//and use the first one
$delegate[0].templateUrl = 'my/template/url.html';
return $delegate;
});
});
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |