問題タブ [ng-bind-html]

テンプレートがただのディレクティブがあり<div ng-bind-html="myhtml"></div>ます。ただし、myhtmlディレクティブのスコープを使用します。

私はこの仕事を得ることができません。

例:フィドル

ng-bind-html-unsafe属性を使用してテンプレート内に HTML を挿入しようとしています。しかし、何らかの理由で機能していません。

私のコード:

HTMLを見ることができません。次に変更ng-bind-html-unsafe="value.button"するとng-bind-html-unsafe="{{value.button}}"、HTML が表示されますが、属性内では次のようになります。

Angular を使用して魅力的なエクスペリエンスを追加する Web サイトを作成しています。サイトは JS なしで動作しますが、適切なブラウザーの場合、コンテンツは HTML スニペットの形式で動的に挿入されます (フロントエンド テンプレート言語はありません)。

ページ コンテンツを表すブロックがあり、最初にサーバーからの html コンテンツを含め、次に Ajax 関数からの HTML スニペットに置き換える必要があります。

デフォルトのコンテンツで使用することを望んでいましたが、Angular がブートストラップするとすぐに、この要素は空になり、バインド先の変数ng-bind-htmlのコンテンツに置き換えられます (予想どおり)。pageContentng-bind-html

ng-bind-htmlコントローラーで変数が更新されるまで、デフォルトのコンテンツの削除を停止する方法はありますか?

別のオプションは、Angular をブートストラップする前に要素の内容を収集することですが、これは非常にエレガントな解決策とは思えません。

私のページからのいくつかのサンプルコード:

理想的には、div 内の HTML コンテンツは、変数#contentを更新するまでページに残ります。$scope.pageContent何か案は？

サーバーから受け取った新しい html を埋め込むことはできますが、後でそれをモデルにバインドする必要があります。挿入して表示してから5秒後にコンパイルしても、htmlはモデルにバインドされません。

簡単に例を挙げてみましょう

htmlが

埋め込まれている場所は次のようになります。

html は正しく埋め込まれていますが、モデルにバインドしたいと考えています。

ngBindHtml(内部) CMS からいくつかの HTML を表示するために使用しています。

idHTML には、次の属性を持つリンクが含まれています。

ただし、ページへのリンクを書き込む前に id 属性が angular によって削除されていることに気付きました。そのため、レンダリングされるのは次のとおりです。

ngSanitize モジュールのソースを見ると、何らかの理由で id 属性が有効な属性のリストに含まれていないようです:

https://github.com/angular/angular.js/blob/master/src/ngSanitize/sanitize.js#L206

1. id 属性を許可しない理由は何ですか? それはセキュリティリスクですか？
2. できれば ngBindHtml を使い続けたいと思っています。サニタイザーのリストに安全なタグを追加できる API はありますか? または、このタグを追加するには、自分でソースを編集する必要がありますか?

ほとんどの場合、正常に機能している HTML を出力しようとしていますが、スタイリングの一部が取り除かれています。以下の画像から、/ul/ が正常に機能し、ng-repeat で /li/ アイテムが正常にレンダリングされていることがわかりますが、BOLD フォントはダウンしていません。

スタイルを変更してヘッダータグと段落内に配置しようとしましたが、フォントの太さが機能しません。

何か理由は？

次のようなhtmlテンプレートがあります。

を使用してこのテンプレートをバインドしたいのですがng-bind-html、使用しようとしましng-bind-html-unsafeたが、残念ながらクリックアクションなしでhtml文字列をそのままバインドします。

同様の問題について読んだところ、 のng-click後にロードされると書かれていng-bindたので、この問題を解決する方法を教えてもらえますか?