У меня есть функция angularJS, которая возвращает строку, эта строка может содержать теги HTML, что-то вроде этого
"<strong>Error:</strong>Something is wrong"
и у меня есть элемент div, где я хочу поставить это сообщение
<div class="alert alert-danger" ng-bind="vm.message" role="alert"></div>
Когда это сообщение установлено в текст выше, на странице HTML результат отображается как AS IS, что означает
<strong>Error:</strong>Something is wrong.
Вместо
Ошибка: что-то не так.
Как я могу вывести этот текст так, чтобы HTML-теги были отображены?
Проверьте этот https://docs.angularjs.org/api/ng/directive/ngBindHtml
используйте директиву ng-bind-html
для привязки строки как html
this.message = $sce.trustAsHtml("<strong>Error:</strong>Something is wrong")
. Однако ваш сервис, вероятно, не должен возвращать вам HTML-строку, подобную этой. Сделайте так, чтобы сервис возвращал{type: 'error', message: 'Something is wrong'}
и сделайте правильное форматирование в шаблоне.