2016-04-25 54 views
0

例如当被视为纯文本的html标签采用了棱角分明的指令

   $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 ...) 我缺少什么?我该如何解决这个问题?

谢谢!

+0

你*可以*使用佣工像'.trustAsHtml()'或'NG-收口html'来解决这个问题,但如果你想组织你的变量首先抓住HTML,你可能没有完全接受角度范例。 – Claies

+0

尝试使用ng-bind-html-unsafe,你可以检查这个小提琴http://jsfiddle.net/VFVMv/ – user3045179

回答

1

你需要使用ng-bind-html

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