如何从Angular-ui Bootstrap中打开模态中的templateUrl?

时间:2014-08-28 17:19:00

标签: angularjs angular-ui-bootstrap angular-bootstrap

我有一个使用templateUrl的模态。我想刷新模板中的html。如果不关闭模态,我怎么能这样做?

我有一个使用在不同上下文中共享的视图的模态。根据路线,此视图中会发生操作。我改变了我的路线,我的模态仍然打开,但它的模板不会刷新,因为我不想让包含模态的视图重新加载。

我可以在模态打开时切换模板吗?

我想在模态打开时重新加载assets/templates/myTemplate.html

$modal.open({
  templateUrl: "assets/templates/myTemplate.html",
  controller: "controller",
  scope: $scope
});

1 个答案:

答案 0 :(得分:1)

您可以使用ng-bind-html

更改模态中的内容
   <div ng-bind-html="myContent"></div>

还需要清理内容,包括ngSanitize模块

   angular.module('ui.bootstrap.demo', ['ui.bootstrap', 'ngSanitize']);

然后你可以改变内容,修改变量$ scope.myContent。

这是Plunkr

http://plnkr.co/edit/ZiUOoEFEoSgN4fOgKCh5?p=preview

我希望它有所帮助

参考:AngularJS : Insert HTML into view