問題タブ [ng-bind-html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
5 に答える
53788 参照

angularjs - 角度サニタイズ / ng-bind-html が機能しない?

リピーターがセットアップされており、html が含まれていない限り、表示するデータを取得できます。

含めangular-sanitize.jsて使用してみましたng-bind-html

ng-bind-htmlただし、属性内のみで、スパン内には何も表示されません。サニタイズが効いていないようで、

これをアプリの依存関係に追加する必要があると読みましたが、どこで追加すればよいかわかりません。

私はAngularサイトでtutに取り組んできたばかりなので、現時点では非常に基本的なコントローラーのみをセットアップしています。

0 投票する
4 に答える
25461 参照

javascript - Angularjs ng-bind-html-unsafe の置き換え

以前はサニタイズされていないコードを出力するために使用できましたng-bind-html-unsafe(サニタイズはサーバー側で行われるため)。

しかし、今ではそのオプションはなくなりましたか?使用できることはわかっています$sce.trustAsHtmlが、それを JavaScript のいたるところに追加するのは、unsafe が非常に使いやすかったときに非常に苦痛です。

安全でない状態に戻すにはどうすればよいですか?

0 投票する
1 に答える
503 参照

angularjs - Angular.js - 1.2.0-RC2 と 1.2.0-RC3 の間の ngBindHtml の変更

angular 1.2.0-RC.2 から 1.2.0-RC.3 への更新時に、ngBindHtmlDirective がスコープ データを解析する方法の変更によってトリガーされる重大な変更に気付きました (この変更を介して)。私がしているのは、SVG の一部を取得して表示することです (SVG は有効であり、そのすべてです)。

次のテンプレート マークアップがあります。

そして、サーバーから SVG を要求し、それをに割り当てる私のアプリのいくつかのロジック$scope:

これは RC2 では機能していましたが、RC3 では機能しなくなりました。私が間違っていることは何か分かりますか?ありがとう。

0 投票する
1 に答える
11817 参照

angularjs - AngularJS 1.2.0 ngBindHtml および trustAsHtml が ngModel で機能しない

ngBindHtmlUnsafe を使用して Angular 1.0.8 で完全に動作していたので、これは非常に簡単なはずです。$sce.trustAsHtml()私は今使用する必要がある API ドキュメントと StackOverflow を読みましたが、ngBindHtmlそれを機能させることができないようです。

これは基本的に、私が読んだことを考えると、私が使用している形式です:

html:

これは簡単だと思っていましたが、間違っていて何かが欠けているに違いありません。

この簡単な例を Plunker にドロップしました: http://plnkr.co/edit/ZX4dONBlzv1X8BcO1IBV?p=preview

0 投票する
1 に答える
723 参照

javascript - AngularJS:プログラムでディレクティブをビューに追加しようとしています

これが私のプランクです: http://plnkr.co/edit/BGD0n6gmDM3kv5akIn4l?p=info

ある種のビューファクトリーを作ろうとしています。理想的には、コントローラーは、ビューがページをレンダリングするために使用するスコープに構成オブジェクトを配置します。ナビゲーションとコンテンツの構築に使用されます。このオブジェクトからディレクティブ/部分ビュー参照を動的に渡そうとしているときに行き詰まりました。

これは、私のコントローラーの構成から分離されたオブジェクトです。

この質問の焦点は、テンプレート プロパティです。ここでは、部分ビューとして機能するディレクティブを作成しました。

以下は、私のディレクティブの 1 つの例です。

そして、well.html テンプレート ファイルは次のとおりです。

私が失敗している私の見解のコードは次のとおりです。

生成されたマークアップは次のようになります。

基本的には、ディレクティブではなく属性に文字列タグを追加するだけです。

基本的に、ビューにディレクティブをプログラムで追加できるようにしたいと考えています。私がやろうとしていることさえ可能かどうかはわかりません。ディレクティブに相当する文字列を渡すことが正しい方法であるとは確信していません。私がばかげている場合は、いくつかの提案や厳しい修正をお願いします。厳しすぎるわけではありませんが、建設的なものかもしれません ;)

これが私のプランクです: http://plnkr.co/edit/BGD0n6gmDM3kv5akIn4l?p=info

ありがとう、

ヨルダン

0 投票する
3 に答える
37569 参照

angularjs - AngularJS で動的に iframe をページに挿入する

Angular 1.2 で iframe をページに動的に挿入しようとしています。コードは次のとおりです。

html:

js:

したがって、data.html は、で始まる有効な HTML を持つ文字列です。

文字列には div も含まれています。したがって、次のようになります。

app.js 'ngSanitize' で使用します。表示されるのは(iframeの後の)divですが、iframe自体ではありません。

jQueryを使用する場合、基本的には

正常に動作します...しかし、それを適切なangularJSにしようとしています。

iframe の後の div のみが表示されている理由について何か考えはありますか?

どうもありがとう

0 投票する
1 に答える
310 参照

angularjs - Angular ng-bind-html は Safari iOS7 で HTML を 2 回書き込みます

Safari iOS7 ブラウザーでのみ AngularJS webapp に問題があります。私のコードは次のようになります。

$scope.CurrentPage.summary 内に、次のような HTML フラグメントをロードしました。

これはAngularのバグですか?それとも私は何か間違ったことをしましたか?

この問題の動作 (実稼働環境) は、http: //riure.lopati.cat/#/1/esで確認できます。

Safari iOS7 を除いて、すべてのブラウザーは強いテキスト ("Superioridad Vs Inferioridad") を 1 回だけレンダリングします。

ありがとう。