如何解析包含HTML标记的范围字段

Question

我在这里有一个非常简单的示例，其中包含范围字段的angularjs： title 。

我希望以下标方式引入标题，即“Hello world”：

问题是，angularjs没有以正确的方式解析 并将它们视为仅文本。我怎么能解决这个问题，我尝试过使用$ compile服务，但它无法正常工作。 我需要一个javascript和的解决方案，而不是像ng-bind-html那样的HTML指令。 这是我的代码：

var app = angular.module("app",[]);

app.controller("mainCTRL",['$scope',function($scope){
  $scope.title="Hello <sub>World</sub>";
}]);

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

<div ng-app="app" ng-controller="mainCTRL">
  {{title}}
  
</div>

Answer 1

您可以使用ng-bind-html，这将允许您在字符串中写入时插入HTML元素。 查看https://docs.angularjs.org/api/ng/directive/ngBindHtml了解更多信息。

Answer 2

这个blog将有助于清楚地了解如何使用ngBindHtml渲染HTML。