У меня есть очень простой пример здесь 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>
Вы можете использовать ng-bind-html
, который позволит вам вставлять элементы HTML, как они написаны в строке. Посмотрите на https://docs.angularjs.org/api/ng/directive/ngBindHtml для получения дополнительной информации.
{{...}}
работает.
Этот блог поможет в ясном понимании того, как визуализировать HTML-код с помощью ngBindHtml.