как разобрать поля области видимости, которые содержат разметку HTML

У меня есть очень простой пример здесь angularjs с полем области: название.

Я хочу, чтобы заголовок, который является "Hello world", представлен в виде подстроки следующим образом:

Проблема в том, что angularjs не анализирует в правильном порядке и рассматривать их только как текст. Как я могу это решить, я попытался использовать службу компиляции $, и это не сработало. Мне нужно решение, которое является 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>