由于某种原因,模态框工作正常,但它不会加载我指定的任何模板。
我的控制器有此代码;
var brnSearchModal = $modal({ scope: $scope, template: "app/rrn/searchBrn.html", contentTemplate: false, html: true, show: false });
$scope.showModal = function () {
brnSearchModal.$promise.then(brnSearchModal.show);
};
我的HTML看起来像这样;
<button data-ng-click="showModal()" type="button" class="btn btn-info" data-animation="am-fade-and-slide-top">
BRN Lookup
</button>
我的模板在文件中,看起来像这样;
<div class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" ng-show="title">
<button type="button" class="close" ng-click="$hide()">×</button>
<h4 class="modal-title" ng-bind="title">Hello, World!</h4>
</div>
<div class="modal-body" ng-bind="content">Lorem ipsum dolor.</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" ng-click="$hide()">Close</button>
</div>
</div>
</div>
</div>
没有错误,一切似乎都正常,但模板没有加载。如果我在某一点调试角度带,模板会被加载,但随后消失并留下一个空白模态。
答案 0 :(得分:2)
从模板中删除ng-show="title"
,ng-bind="title"
。
答案 1 :(得分:0)
尝试添加bs-modal属性:请参阅examples
<button data-ng-click="showModal()" type="button" class="btn btn-info" data-animation="am-fade-and-slide-top" bs-modal="brnSearchModal">
BRN Lookup
</button>
否则直接使用data-template属性而不使用JS来显示模态:
<button type="button" class="btn btn-info" data-animation="am-fade-and-slide-top" data-template="app/rrn/searchBrn.html" bs-modal="modal">
BRN Lookup
</button>
我认为当你放置bs-modal="modal"
模态时,会在角度带库中以某种方式预先定义。
答案 2 :(得分:0)
您应该从模板中删除ng-show="title
“,ng-show="content"
或ng-bind="title"
。您应该确保该模板没有ng-show
。
答案 3 :(得分:0)
我知道这是一个老问题,但是如果其他人正在寻找解决同一问题的方法。我发现将模板设置为html字符串时必须将templateUrl显式设置为falsy