[解決済み】ng-bind-html-unsafeを削除した場合、HTMLを注入するにはどうすればよいですか?
2022-04-02 18:43:48
質問
を使おうとしています。
$sanitize
プロバイダと
ng-bind-htm-unsafe
ディレクティブを使用して、コントローラが DIV に HTML を注入できるようにします。
しかし、うまく動作させることができません。
<div ng-bind-html-unsafe="{{preview_data.preview.embed.html}}"></div>
AngularJSから削除されたからだということがわかりました(感謝)。
しかし
ng-bind-html-unsafe
このようなエラーが発生します。
http://errors.angularjs.org/undefined/$sce/unsafe
解決方法は?
- sanitize.jsがロードされていることを確認する必要があります。例えば、次の場所から読み込んでください。 https://ajax.googleapis.com/ajax/libs/angularjs/[LAST_VERSION]/angular-sanitize.min.js
-
をインクルードする必要があります。
ngSanitize
モジュールでapp
を例とします。var app = angular.module('myApp', ['ngSanitize']);
-
でバインドするだけです。
ng-bind-html
元のhtml
というコンテンツがあります。コントローラで何か他のことをする必要はありません。パースと変換は、自動的にngBindHtml
ディレクティブを使用します。(詳細はHow does it work
のセクションで説明します。 ドルチェ ). つまり、あなたの場合<div ng-bind-html="preview_data.preview.embed.html"></div>
が仕事をすることになります。
関連
-
[解決済み】WebページでWindows 95のフォントを使用する
-
[解決済み] span with onclick event inside the tag
-
[解決済み] will-change' や translateZ() ハックは 'transition: height' のパフォーマンスを向上させるか?
-
[解決済み] 文字列が部分文字列で終わっているかどうかをXPathでテストする?
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] PHPでHTML/XMLをパースして処理する方法とは?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] Sublime Text 2を使ってHTMLコードを再フォーマットするにはどうしたらいいですか?
-
[解決済み] AngularJSでチェックボックスの値のリストにバインドするにはどうすればいいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
js プログラミング共通のエラーです。Uncaught TypeError。XXXは関数ソリューションではありません
-
[解決済み] text-overflow: 省略記号が機能しない
-
[解決済み] ボディの背景色が表示されない?
-
[解決済み] d3.tipが動作しないのはなぜですか?
-
[解決済み] will-change' や translateZ() ハックは 'transition: height' のパフォーマンスを向上させるか?
-
[解決済み] HTML5 Validation Error: body start tag が見えたが、同じタイプの要素がすでに開かれていた
-
[解決済み] HTMLファイルへのリンクは可能ですか?
-
[解決済み] Railsです。railsアプリで<img src= >をimage_tagに変換する方法
-
[解決済み] Angular 1.2+ で ng-bind-html-unsafe を複製するために $sce.trustAsHtml(string) を使用するにはどうしたらよいですか?
-
[解決済み] フッターの内容が重なっているのを修正するには?