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

Question

我这里有一个非常简单的 angularjs 示例，其范围字段:标题。

我希望标题“Hello world”以下标方式引入，如下所示:

问题是，AngularJS 没有以正确的方式解析 并将它们仅视为文本。我该如何解决这个问题，我尝试过使用 $compile 服务，但它无法正常工作。我需要一个 javascript 的解决方案，并且不使用 HTML 指令，例如 ng-bind-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了解更多信息。