javascript - テーブル内のカスタマイズされた html タグの角度ディレクティブ

Question

AngularJS ディレクティブを使用して、html が太字のタグを html タグbとして認識できるようにする解決策を得ました。そのため、スコープにtextWorks<bold>{{testWorks}}</bold>がある場合、テキストを太字にスタイルします。

{{testText}}ただし、スコープ内にある場合は機能しません。$scope.testText = "<bold>Peter</bold>";

また、値をhtmlとして評価するために使用した場合も機能しません.Plunkerng-bind-htmlからコードを見つけることができます

式の評価の前にディレクティブが適用された可能性はありますか?

Answer 1

一部の html を angular 変数にバインドするには、 $sce モジュールを使用してコンテンツを検証する必要があります。

ライブサンプル: http://plnkr.co/edit/NBFsepObvv5IujigTosK?p=preview

.controller('myController', ['$scope', '$sce', function($scope, $sce) {
    $scope.testText = $sce.trustAsHtml("<bold>Peter</bold>");

}]);

Answer 2

Polochonとrishalの両方に感謝し$sce.trustAsHtml($compile("<bold>A</bold>")($scope).html()ます。ここから見つけることができます：Plunker