angularjs - 如何正确编译包含不在范围内的 html 的文本

Question

基本场景是：

在我的主要 diw 包装器中，我有：

<div class="main" ng-init="Messages ='By my opinion you should visit <a href="http:\\www.google.com">Google search</a>.';">

我想将它绑定在主 div 包装器内的 div 中，例如：

<div id="innerDiv" >{{ Messages}}</div>

但它呈现Messages类似字符串而不是包含href的字符串。我试着这样做：

<div ng-bind-html-unsafe="forry"> </div>

并forry在我的控制器中添加如下：

 $scope.$watch('Messages', function () {

                $scope.forry = $scope.Messages;
            });

当它加载时。在这里它只加载一个空内容。

请建议 hpw 将此变量呈现为包含 html 的字符串。

Answer 1

ng-bind-html-unsafeangular 1.2 不再支持该指令。请尝试ng-bind-html：

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

您还需要使用该$sce服务来信任 html：

$scope.forry = $sce.trustAsHtml($scope.Messages);