使用角度指令時將html標簽視為純文本

Question

例如：

位於我的控制器中的函數foo() ：

              $scope.getOffers = function(){
                 var txt1="aaaa"+"<br>"+"bbbb";
                  $scope.newData = txt1;
              };

和我的HTML：

                <div class="help-block" ng-show="newData ">{{ offers }}</div> 

當我調用foo() ，顯示的文本是： aaaa<br>bbbb而不是：

        aaaa
        bbbb

（我已經嘗試在文本中插入\\n ...）我想念什么？ 以及如何解決該問題？

謝謝！

Answer 1

您需要為此使用ng-bind-html

 <div class="help-block" ng-show="newData " ng-bind-html="offers"></div> 

Answer 2

並且不要忘記相信html。 https://docs.angularjs.org/api/ng/service/$sce

看到這個矮人http://embed.plnkr.co/HAKJ2iknZeeEOsgukoGd/