AngularJSは、ブートストラップテーブルのテキストをHTMLとして解析します。

Question

ブートストラップテーブルにテキストを表示します。お互いの下のすべてのリンクを表示するには、<br/>タグが必要なため、テキストをHTMLとして解析する必要があります。私のコードでthis Plunkerを参照してください。
私は既定のng-bindディレクティブと非推奨のng-bind-htmlを使用しましたが、テキストはプレーンテキストとして表示されるか、まったく表示されません。
あなたは、HTMLとして解析されたテキストを表示する方法を教えてもらえますか？

ここに私のHTMLテーブルのコード：

<table class="table"> 
    <thead> 
    <tr> 
     <th>Method</th> 
     <th>$scope.other</th> 
     <th>$scope.links</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>ng-bind</td> 
     <td>{{other}}</td> 
     <td>{{links}}</td> 
    </tr> 
    <tr> 
     <td>ng-bind-html</td> 
     <td ng-bind-html="other"></td> 
     <td ng-bind-html="links"></td> 
    </tr> 
    </tbody> 
</table> 

マッチングコントローラ：

app.controller('TestController', function($scope){ 
    $scope.links = 'https://www.google.com <br/> https://angularjs.org/ <br/> \ 
        https://www.google.com <br/> https://angularjs.org/ <br/> \ 
        https://www.google.com <br/> https://angularjs.org/ <br/>'; 

    $scope.other = "sample Text"; 
}); 

Answer 1

HTMLをテンプレートに注入は、デフォルトでは安全ではない、あなたは、信頼できるとして、それをマークする必要があります。

app.controller('TestController', function($scope, $sce){ 
    $scope.links = $sce.trustAsHtml('https://www.google.com <br/> https://angularjs.org/ <br/> \ 
       https://www.google.com <br/> https://angularjs.org/ <br/> \ 
       https://www.google.com <br/> https://angularjs.org/ <br/>'); 

    $scope.other = "sample Text"; 
}); 

HTMLを直接注入する必要がありますか？リンクのマップ/リストを持ち、ng-repeatを使ってそれらをテンプレートにレンダリングすることができます。

Answer 2

Uはサニタイズモジュールを使用する必要があります：https://docs.angularjs.org/api/ngSanitize/service/ $はあなたが目的のようなもののためにng-bind-htmlとng-bind-html-unsafeを使用することができます

app.controller('TestController', function($scope, $sce){ 
    $scope.links = $sce.trustAsHtml('https://www.google.com <br/> https://angularjs.org/ <br/> \ 
       https://www.google.com <br/> https://angularjs.org/ <br/> \ 
       https://www.google.com <br/> https://angularjs.org/ <br/>'); 

    $scope.other = "sample Text"; 
}); 

Answer 3

をサニタイズ。

の例は、私は配列にすべてのデータをマップしようとしましたが、私はそれを表示する方法見当もつかないhere