Angular bootstrap 选项卡不适用于 ui-iconpicker

Question

我正在尝试实施 Angular UI Bootstrap Iconpicker in my project but it doesn't work because I'm using those js files for angularjs tabs：

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-animate.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-sanitize.js"></script>
    <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.3.0.js"></script>

对于 ui-iconpicker，我使用这些文件：

    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.min.js"></script>
    <script src="@routes.Assets.versioned("bower_components/ui-iconpicker/dist/scripts/ui-iconpicker.min.js")"></script>

我认为这两个文件 (ui-bootstrap-tpls) 之间存在混淆，但是当我删除其中一个文件时，关联的组件不起作用！！请帮忙

Answer 1

ui-iconpicker 的作者知道这个问题。

见ui-iconpicker Issue #4: Doesn't work with ui-bootstrap >= 0.11.0

@justin-lau justin-lau 于 2015 年 1 月 29 日添加了 wontfix 标签

@rapheki commented on May 20:

i had a similar issue, you need to modifiy the ui-iconpicker.js file and replace in line 156 (the templates/iconpicker.html):

"dropdown>" to "uib-dropdown>"

"dropdown-toggle>" to "uib-dropdown-toggle>"

Angular bootstrap 选项卡不适用于 ui-iconpicker

Angular bootstrap tabs don't work with ui-iconpicker

icons

tabs

picker

angularjs