4

ここにある AngularJS Toaster を使用して、API からの ModelState エラーを表示しています。AngularJS Toaster の信頼できる HTML を渡すことができます。レンダリングされたテンプレートから HTML を渡したいと思います。

<script type="text/ng-template" id="modelStateErrors.html">
    <div>{{response}}</div>
</script>

トーストをポップアップするコードは次のとおりです。

app.service("errorService", ["$templateCache", "toaster", function ($templateCache, toaster) {
    this.catchErrors = function (response) {
        // Pass "response" to the template to render.
        toaster.pop("error", "", $templateCache.get("modelStateErrors.html"), 0, true);
    };
}]);

このコード<div>{{response}}</div>は、解析されていない現状のままのみを生成します。

編集:だから私は追加しようとしました:

$compile($templateCache.get("modelStateErrors.html"))(response);

このエラーメッセージが表示されます

Error: [jqLite:nosel] Looking up elements via selectors is not supported by jqLite! See: http://docs.angularjs.org/api/angular.element
4

1 に答える 1

1

からテンプレートを取得したら$tempateCache、DOM に書き込む前にコンパイルする必要があります。

AngularJS: $compile

于 2013-11-08T01:45:06.323 に答える