angularjs - 如何在字符串格式的angularjs中添加html？

Question

这个函数getStudentsNames(item.students);正在返回一个字符串 <br>Rom<br>Jay Clayton<br>Rom roy<br> .

我尝试替换 <br>与 \n但没有任何效果。我无法换行，所以如果有人可以提供帮助。谢谢。

<span class="tooltiptext">{{getStudentsNames(item.students);}}</span>

Answer 1

您可以使用 ng-bind-html为此。

angular.module("app",[]).controller("ctrl",function($scope){

  $scope.htmlData = "<br>Rom<br>Jay Clayton<br>Rom roy<br>";
  
  $scope.getStudentsNames = function(){
      return this.htmlData;
  }

}).filter('to_trusted', ['$sce', function($sce) {
	return function(text) {
		return $sce.trustAsHtml(text);
	};
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<span ng-app="app" ng-controller="ctrl" class="tooltiptext" ng-bind-html="getStudentsNames() | to_trusted"></span>