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

看到这个plunker http://embed.plnkr.co/HAKJ2iknZeeEOsgukoGd/

使用angular指令时，html标记被视为纯文本

2 个答案: