Angularjs Angular 1.5 bootstrap popover isn';t按预期运行
我正在尝试让弹出窗口在我目前正在使用的测试应用程序上工作。我已加载HTML,如下所示: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
<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'
]);
})();