我在另一个 html 文件中有一个模态模板,但是在第一次加载页面后,模态窗口打开时没有内容,第二次一切正常。如何解决这个问题?
这是 plunker http://plnkr.co/edit/lw056nAaU7BfqIVZSddb?p=preview
//Open modal on main page with:
<div ng-controller="ModalDemoCtrl">
<button type="button" class="btn btn-default" ng-click="open()">Open me!</button>
<button type="button" class="btn btn-default" ng-click="open('lg')">Large modal</button>
<button type="button" class="btn btn-default" ng-click="open('sm')">Small modal</button>
<button type="button" class="btn btn-default" ng-click="toggleAnimation()">Toggle Animation ({{ animationsEnabled }})</button>
<div ng-show="selected">Selection from a modal: {{ selected }}</div>
最佳答案
你不应该用 <script type="text/ng-template" id="myModalContent.html"></script>
包裹你的模板.
Ui-modal 在这里需要直接的 HTML。
如果你需要使用 ng-template,你应该在你的 index.html(或其他任何地方,但它应该被加载到你的页面)中插入 ng-template 脚本标签,然后用 template
打开你的模态。而不是 templateUrl
这边走 :
var modalInstance = $uibModal.open({
animation: $scope.animationsEnabled,
template: "<div ng-include src=\"'myModalContent.html'\"></div>",
controller: 'ModalInstanceCtrl',
size: size,
resolve: {
items: function () {
return $scope.items;
}
}
});
关于angularjs - Angular 模态 : add template from another html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36641986/