使用ui-bootstrap时的冲突

时间:2015-02-25 01:47:22

标签: angularjs angular-ui-bootstrap

最近,我的分页错误在过滤后无法更新。幸运的是,这是管理的,但是,现在我正在处理有关ui-bootstrap使用的冲突。因为我有我的项目,我正在使用,

<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>

基于我使用的代码,

<script src="angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.2.0.js"; type="text/javascript"></script>

***这就是问题,我的代码中也有一个日期选择器。但是当我使用

<script src="angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.2.0.js"; type="text/javascript"></script>

这个日期选择器不起作用。如果现在我将切换到我以前的ui-bootstrap

<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>

,现在过滤后的分页不能使用,但是datepicker会起作用。任何想法如何解决这个或我将要做什么?谢谢!

1 个答案:

答案 0 :(得分:1)

据我所知,你的问题是由于指令冲突;例如你有一个定义的自定义指令叫做&#34; datepicker&#34;:

angular.module('App').directive('datepicker', ...

这会导致问题,因为UI-Bootstrap还定义了一个具有相同名称的指令。最简单的解决方案是简单地从UI-Bootstrap中排除datepicker模块。

https://angular-ui.github.io/bootstrap/

在他们的网站上,您可以选择&#34;创建构建&#34;。它允许您通过添加和删除某些模块(如datepicker)来下载根据您的需求定制的UI-Bootstrap版本。

然后您将文件放入HTML:

<script src="path/to/your/ui-bootstrap.min.js"></script>

我注意到您正在使用Bower来管理您的依赖项。不幸的是,Bower无法使用自定义UI-Bootstrap构建;您必须自己管理文件(将其放在子目录中,例如&#34; assets /&#34;)。