angularjs - ng-bind-html と {{補間}}

Question

それが私の質問です、長所と短所は何ですか?

私のアプリでは補間を使用していますが、このようなエラーが発生します

{{::sport.name}}->NHL Futures & Props

そして、私が使用する場合ng-bind-html

ng-bind-html="sport.name"->NHL Futures & Props

この場合ng-bind-html、私がやりたいことをしています。しかし、何か問題がありますか？

他よりも優れたものはありますか？

教えてください、私は提案を受け入れています。

Answer 1

実際、ng-bind と ng-bind-html の主な違いはユースケースです。ng-bind は変数のテキスト解釈を表示するだけですが、 ng-bind-html は変数の html を解釈します。

スコープに変数があるとしましょう

 $scope.myText = "<b>Hi</b>";

ng-bind または {{}} が表示されます

 <b>Hi</b>

ng-bind-html が表示されます

やあ

もう 1 つの精度は、ng-bind-html が html をサニタイズしてコード インジェクションを防止できることです。