anglejsのng-bindの予期せぬ結果です。

  $scope.clickedNum = function(passedNum){ 
       $scope.string1=''; 
       $scope.numToDisplay=passedNum; 
       for (var i=1; i<=passedNum; i++) { 
        $scope.string1=$scope.string1+'<img src="img/'+$scope.selectedItem+'.png" title="'+$scope.selectedItem+'" />'; 
       } 
      } 







<div id="figuresToDisplay" ng-bind="string1"></div>

id = "figuresToDisplay"のdivに画像を表示したいのですが、結果は画像ではなくプレーンテキストとして表示されます。私を案内してください。anglejsのng-bindの予期せぬ結果です。

出典

2016-09-30 user3301207

'ng-bind'の代わりに' ng-bind-html'を使用してください –

あなたの提案をお寄せいただきありがとうございました。。私が "ng-bind-html"（ng-bindの代わりに）と "$ sce.trustAsHtml"を一緒に使用しているときだけ、私は望みの結果を得ています。もう一度ありがとう – user3301207

あなたがそうするように$このためsce.trustAsHtml、より良い方法を使用する必要がありますが、この

app.filter('safeHtml', function($sce) { return $sce.trustAsHtml; });

のようなもので、あなたのテンプレート

<div id="figuresToDisplay" ng-bind-html="string1 | safeHtml"></div>

でそれを使用するか、フィルタを作成せずにそれを使用することができますしかし、これをさまざまな場所で使っているのであれば、フィルタを実装することをお勧めします。ありがとう

出典

2016-10-01 04:02:56

あなたの提案をありがとう、それは私に非常に有用だった。私が "ng-bind-html"（ng-bindの代わりに）と "$ sce.trustAsHtml"を一緒に使用しているときだけ、私は望みの結果を得ています。再度、感謝します – user3301207

anglejsのng-bindの予期せぬ結果です。

答えて

関連する問題