Javascript 在范围变量中绑定html内容而不使用ng bind html

如何在angularjs中使用scope变量绑定html内容（不使用ng bind html unsafe）

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

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

{{test}
$scope.test=“Html内容”

这就是您要寻找的：

功能数据控制器（$scope，$sce）{
$scope.test=“Html内容”；
$scope.test=$sce.trustAsHtml（$scope.test）；
}

看法

如果使用，会出现什么问题？根据我的项目指南，不应使用ng bind，是否有其他方法？根据您的项目指南，范围变量不应该包含要显示的html。

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

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