javascript - 在不使用 ng-bind-html 的情况下在范围变量中绑定(bind) html 内容

Question

如何在 angularjs 中使用范围变量(不使用 ng-bind-html-unsafe)绑定(bind) html 内容

<div ng-controller="dataController">{{test}}</div>

$scope.test = "<div>Html content</div>"

Answer 1

这就是你要找的:

Fiddle

function dataController($scope,$sce){
   $scope.test = "<div>Html content</div>";
   $scope.test = $sce.trustAsHtml($scope.test);
}

查看

<div ng-bind-html="test"></div>