問題タブ [ngsanitize]

関係者の皆様へ

ngSanitize 依存関係を注入すると、注意すべきいくつかの html をバインドするために、Angular ディレクティブが含まれますが、私のアプリはレンダリングを停止します。なぜこれが起こるのか、私のコードに露骨な問題があるかどうかについて何か考えはありますか?

TLDR: ngSanitize が登場するまで、すべて正常に動作します!

ワーキングコントローラー：

壊れたコントローラー:

コンソール エラー:

ありがとうございました

ピーター・ウォード

私は単純なAngularアプリを持っており、ngBindHtmlを使用していくつかのhtmlをページに挿入しようとしています. ただし、注射はしていません。ここに私のHTMLがあります：

そして、これが私のAngularアプリです:

ページが読み込まれると、メイン要素内には何も表示されません。

ここに codepen があります: http://codepen.io/trueScript/pen/MwbVpO?editors=101

ngBinded されている div が表示されないことがわかります。どうしてこれなの？

私は定型的なものに取り組んでいて、奇妙なことに遭遇しました。

モジュールがあり、正常に動作します：

定義から angular-sanitize を次のように削除すると、次のようになります。

もう機能しません。Chrome は次のエラーをスローします。

私のコントローラーは空で、依存関係は $scope だけで、ビュー ファイルには p タグの周りに hello world しかありません。

誰かが私に何が欠けているのか、なぜこれが起こっているのか説明してもらえますか?

一部のテキスト領域のコンテンツをサニタイズしようとしていますが、ng-bind-html双方向バインディングが壊れているため使用できませng-modelん (同時には機能しません)。

奇妙なことng-bind-htmlに、モデルに適用すると、ディレクティブを使用し$sanitizeたり、内部で使用したりすると、異なる結果が生成されます。$sce

これが私が作ったサンプルです

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

最初のテキスト領域は を使用しng-bind-html、2 番目は を使用$sanitizeし、3 番目は AngularJS ソース コードから切り取った ng-bind-html ディレクティブのコードである必要があります。

""ng-bind-html を使用する場合にのみ修正され、他の 2 つの例では次のように変更されます"

ng-bind-html双方向バインディングを維持しながら、ディレクティブの結果を複製するにはどうすればよいですか?

エンコードされたhtmlを表示しようとしています。しかし、これはうまくいかないようです。入力は次のとおりです。

そしてそれは示しています：

<h1>一部のヘッダー</h1>

しかし、html をレンダリングする必要があります。しかし、次のペンに示されているように。ソースhtmlを表示するだけです

これは私の現在のコントローラーです：

次のhtmlで：

http://codepen.io/cskiwi/pen/PqXdOa

これは ng-bind-html で使用した内容ですが、テキスト ボックスとボタンが表示されません。plunker で同じコードを試しましたが、そこでは機能しませんでした。

bind-unsafe-html内にあるng-model 変数nameinとageinのshowdetailsOfInside()関数の値がundefined になりますが、テキスト コンテンツを入力しました。jquery で値を取得できますが、angular js でそれを行う方法はありますか.

bind-unsafe-html="primaryData" の内容

bind-unsafe-html ディレクティブのコード