問題タブ [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 投票する
1 に答える
660 参照

javascript - ディレクティブが埋め込まれた HTML ブロック内に挿入された HTML ブロックに ng-click をバインドする方法

Plnkr: http://plnkr.co/edit/6xe46opL2kpgQrf7VaEu?p=preview

ng-click="switchCurreny()directive.

app-mainHTML を配置したディレクティブに HTML の別のブロックを配置するコントローラーには、動作させようとしている関数も含まれていng-clickます。

モーダル HTML を使用したディレクティブ

HTML

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

html - 通常の変数のように Angular Js で HTML コンテンツをレンダリングする

AngularJS を使用して HTML コンテンツをレンダリングする必要があります。

それは機能しますが、私が抱えている唯一の問題は、文字列内でレンダリングしたくないということです。むしろ、レンダリングしたい場所にレンダリングしたいだけです。例えば

ここのように、別の div を追加したくなく、内部に myHtmlContent をロードします。それを行う方法はありますか?

0 投票する
0 に答える
296 参照

angularjs - AngularJS: ng-bind-html は、スコープが更新されてから約 1 ~ 1.5 秒遅れます

私のディレクティブには$scope.show = ''. ユーザーが画像を DOM 要素にドロップすると、画像は に更新され$scope.show = <img src="..." />ます。

私のテンプレートには<span ng-bind-html-unsafe="show"></span>.

コンソールにログを記録しているため、$scope がすぐに更新されていることがわかります。ただし、テンプレートにバインドされるまでに約 1 ~ 1.5 秒かかります。

前もって感謝します

0 投票する
0 に答える
537 参照

html - ng-bind-html-unsafe を使用して html がレンダリングされない

文字列を chars 配列に分割し、各文字を囲むことができました<span></span>が、この配列をテーブルに渡そうとすると、html がレンダリングされません。文字列を壊す:

次のようなテーブルを作成しようとすると:

cron_format に値がありません: ここに画像の説明を入力 レンダリングを試みずに -><td>{{parse(cron_format)}}</td>

テーブルは次のようになります。 ここに画像の説明を入力 何が間違っていますか?

アップデート:

関数の最後の2行を変更しました:

そして、私はこのエラーを受け取ります:

誰かが私がここでやっている間違いを説明できますか?

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

javascript - 一時変数フォーム ng-repeat を認識しない関数を使用する ng-bind-html

私はプログラミングが初めてで、これが投稿しなければならなかった最初の質問です。

私がやろうとしてng-bind-htmlいるのは、によって作成されている div に 5 つの画像ファイルを配置するために使用することng-repeatです。これら 5 つのイメージ ファイルは、ng-repeat.

私もこれを持っており、未定義myAppな​​どの問題はありません。sce

newGameingetStars(newGame)をスコープの下で定義されたものに置き換えると、コードは機能しますnewGameが、 (一時変数 from と一致させようとしますng-repeat = "newGame in myGamesList") を使用すると、何も表示されません。

newGame反復される各要素として認識されるようにするにはどうすればよいですか?

関数getStarsには次のコードがあります

その場合はお役に立ちます。明確にするために、関数への入力であるパラメーターにするnewGame必要があります。myGamesListgetStars

これがわかりにくい場合は申し訳ありませんが、すべてのベースをカバーしようとしました!

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

javascript - AngularJSのng-bind、ng-bind-html、ng-bind-html-unsafeの違いは?

との違いを知りたいng-bindです。ng-bind-htmlng-bind-html-unsafe

また、以下のコードを実行すると、以下のエラーが発生します。

コード :

エラー :

エラー: [$sce:unsafe] 安全なコンテキストで安全でない値を使用しようとしています。 http://errors.angularjs.org/1.3.11/ htmlSanitizer ( https :// www.angularapprj.com:4443/js/angular.js:15053:13 ) getTrusted ( https://www.angularapprj.com:4443/js/angular.js:15217:16 ) で Object.$get.sce .(匿名関数) [as getTrustedHtml] ( https://www.angularapprj.com:4443/js/angular.js:15897:16 ) at Object.ngBindHtmlWatchAction [as fn] ( https://www.angularapprj.com :4443/js/angular.js:20449:29 ) Scope.$get.Scope.$digest (https://www.angularapprj.com:4443/js/angular.js:14230:29 ) Scope.$get.Scope.$apply で ( https://www.angularapprj.com:4443/js/angular.js :14493:24 ) で bootstrapApply ( https://www.angularapprj.com:4443/js/angular.js:1449:15 ) で Object.invoke ( https://www.angularapprj.com:4443/js/angular .js:4182:17 ) doBootstrap ( https://www.angularapprj.com:4443/js/angular.js:1447:14 )

どういう意味ですか?命令コード内で宣言コードを使用することは良い習慣ではないことはわかっていますが、<b>Hello World</b>inng-bind-htmlディレクティブを試してみただけです。