[解決済み] Angular 1.2+ で ng-bind-html-unsafe を複製するために $sce.trustAsHtml(string) を使用するにはどうしたらよいですか?
2022-02-09 06:50:21
質問
ng-bind-html-unsafe
は Angular 1.2 で削除されました。
を使うような実装をしようとしています。
ng-bind-html-unsafe
. ドキュメントやgithubのコミットでは、こう言われています。
ng-bind-htmlはng-html-bind-unsafeのような動作(innerHTMLの結果をそのまま出力)をします。 sce.trustAsHtml(string)の結果にバインドされている場合、サニタイズされます。)
どうやるんですか?
どのように解決するのですか?
そのはずです。
<div ng-bind-html="trustedHtml"></div>
に加えて、コントローラに
$scope.html = '<ul><li>render me please</li></ul>';
$scope.trustedHtml = $sce.trustAsHtml($scope.html);
の代わりに、古い構文では
$scope.html
変数を直接指定します。
<div ng-bind-html-unsafe="html"></div>
何人かのコメントで指摘されているように
$sce
はコントローラ内に注入する必要があります。
$sce undefined
のエラーが発生します。
var myApp = angular.module('myApp',[]);
myApp.controller('MyController', ['$sce', function($sce) {
// ... [your code]
}]);
関連
-
[解決済み】Angularjs accordion ng-click on panel-header
-
[解決済み] プリフライト応答が成功しない
-
[解決済み] ag-gridの行の追加/削除
-
[解決済み] Angular UI-Routerのマルチビュー
-
angularjs が src で指定されたコンテンツを iframe 内で正しく表示しない
-
[解決済み] Angularjsを使用してローカルストレージにデータを保存するにはどうすればよいですか?
-
[解決済み] AngularJSでコントローラを2回実行する場合の対処法
-
[解決済み] ng-repeat内のng-click関数にパラメータを追加しても、うまくいかないようです。
-
[解決済み】ng-bind-html-unsafeを削除した場合、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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] data-ng-file-selectが動作しないのはなぜですか?
-
[解決済み] AngularJSのng-showとフェードアニメーション
-
[解決済み] AngularJS の ng-disabled ディレクティブに式を指定しても動作しない
-
[解決済み] Angularのui-routerでデフォルトの状態を設定する方法
-
[解決済み] angularjsで$compileを操作する
-
angularjs統合ueditor入門
-
[解決済み] AngularJSのコントローラからビューにHTMLを挿入する
-
[解決済み] ServiceとFactoryで迷う
-
[解決済み] 条件に応じて特定のルートにリダイレクトする機能
-
[解決済み】ng-bind-html-unsafeを削除した場合、HTMLを注入するにはどうすればよいですか?