Angularjs Angular 1.5 bootstrap popover isn';t按预期运行

Angularjs Angular 1.5 bootstrap popover isn';t按预期运行,angularjs,angular-ui-bootstrap,Angularjs,Angular Ui Bootstrap,我正在尝试让弹出窗口在我目前正在使用的测试应用程序上工作。我已加载HTML,如下所示: <button uib-popover-template="'popover-content.html'" popover-title="test" type="button" popover-placement="'bottom'" class="btn btn-default"> testingPopover </button> <script type="text/n

我正在尝试让弹出窗口在我目前正在使用的测试应用程序上工作。我已加载HTML,如下所示:

<button uib-popover-template="'popover-content.html'" popover-title="test" type="button" popover-placement="'bottom'" class="btn btn-default">
  testingPopover
</button>

<script type="text/ng-template" id="popover-content.html">
    <div>
      <label>You have no new</label>
    </div>
</script>

测试Popover
你没有新的
我的索引文件(调用所有其他组件)中有:


/*这有助于ng show/ng hide动画从正确的位置开始*/
/*因为Angular有这个,但是需要加载,所以我们可以提前上课*/
生皮{
显示:无!重要;
}
托多利斯特

当我运行代码时,按钮“testingPopover”成功显示,但是当我单击此按钮时,没有显示popover。我希望有人能给我指出正确的方向,我一直在参考,以建立我目前所拥有的

此后,我一直在继续调查,并为这个问题找到了答案。对于那些正在寻找可能与我所描述的问题类似的答案的人,我将重点介绍我的过程

问题是在我作为依赖项添加到“ui.bootstrap”中的app.module.js文件中,在模块中包含bootstrap时出错

我的app.module.js现在看起来像这样:

(function() {
  'use strict';

  angular.module('app', [
    'app.core',
    'app.ui.router',
    'app.layout',
    'ui.bootstrap'
  ]);
})();
我认为问题在于ui.bootstrap虽然在应用程序中正确定义,但实际上根本不是一个依赖项,因此没有运行(也许有人可以评论确认)

感谢那些花时间编辑的人,看看这篇文章

(function() {
  'use strict';

  angular.module('app', [
    'app.core',
    'app.ui.router',
    'app.layout',
    'ui.bootstrap'
  ]);
})();