Question

如何在angularjs中添加新行。我的控制器中有这个代码：

$scope.newLine = '<br>';
  $scope.getID =funtion(number){
    for( var key in $scope.myData){
      var obj = $scope.myData[key];
        if(obj['seat_no'] == number){
          return obj['passenger_name'] + $scope.newLine + obj['ticket_no'];
         }
     }

  };

这是我的html：

<table class ="table table-bordered">
<colgroup span="7"></colgroup>
<tbody>
  <tr ng-repeat="tr in rows">
    <td ng-repeat="td in tr track by $index">
      {{ td }}
    </td>
  </tr>
</tbody>

输出结果为：

1       |  Name Ticket No.

我想要输出：

1       |  Name
        |  Ticket No

由于

Answer 1

您可能需要使用：ng-bind-html

Answer 2

AngularJS默认包含XSS保护，因此您需要告诉它将文本呈现为HTML。

<span ng-bind-html="td"></span>

https://docs.angularjs.org/api/ng/service/ $ SCE

在angularjs中添加<br/>

2 个答案: