在插值绑定中向字符串添加新行

Question

如何向字符串添加新行：

HTML:

 <div class="col-md-8 col-sm-8">
       {{ getLastAction(activity) }}
 </div>

AngularJS:

$scope.getLastAction= function (activity) {
    if (activity) {
        let desc= activity.Desc;
        let first= activity.First;

        let res=  desc+ '<br>' + first;
        return res;
    }
}

我试着输入 <br> 和 \n 但都没有用。

Answer 1

使用 ng-bind-html 指令。

<div class="col-md-8 col-sm-8">
       <span class="test" ng-bind-html="test"></span>
</div>

JS

$scope.getLastAction= function (activity) {
    if (activity) {
        let desc= activity.Desc;
        let first= activity.First;

        let res=  desc+ '<br>' + first;
        $scope.test = res;
    }
}