angularjs - Angular-ui Bootstrapから開いたモーダルでtemplateUrlを更新するには?

Question

を使用するモーダルがありtemplateUrlます。テンプレートの html を更新したいと思います。モーダルを閉じずにそれを行うにはどうすればよいですか?

別のコンテキストで共有されているビューを使用するモーダルがあります。ルートによっては、このビューでアクションが発生します。ルートを変更し、モーダルはまだ開いていますが、モーダルを含むビューをリロードしたくないため、テンプレートは更新されません。

モーダルを開いたままテンプレートを切り替えることはできますか?

assets/templates/myTemplate.htmlモーダルが開いている間にリロードしたい：

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

score 2 · Accepted Answer

ng-bind-html を使用して、モーダルのコンテンツを変更できます

   <div ng-bind-html="myContent"></div>

また、ngSanitize モジュールを含むコンテンツをサニタイズする必要があります

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

次に、変数 $scope.myContent を変更してコンテンツを変更できます。

プランカーはこちら

役立つことを願っています

1 に答える 1