Add new line to string in interpolation binding

Question

How can I add a new line to string:

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;
    }
}

I tried to put <br> and \n but neither worked.

Possible duplicate of [Preserve line breaks in angularjs](https://stackoverflow.com/questions/19684708/preserve-line-breaks-in-angularjs) — holydragon, Nov 26 '18 at 10:33

score 0 · Accepted Answer · answered Nov 26 '18 at 10:33

use ng-bind-html directive.

<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;
    }
}

Add new line to string in interpolation binding

1 Answers1