Как отобразить текст HTML в angularjs / bootstrap? [Дубликат]

Question

0

У меня есть функция 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-теги были отображены?

monstro 21 июль 2016, в 15:33

2

this.message = $sce.trustAsHtml("<strong>Error:</strong>Something is wrong") . Однако ваш сервис, вероятно, не должен возвращать вам HTML-строку, подобную этой. Сделайте так, чтобы сервис возвращал {type: 'error', message: 'Something is wrong'} и сделайте правильное форматирование в шаблоне.
dfsq 21 июль 2016, в 13:22

Теги:

twitter-bootstrap-3

1 ответ

this.message = $sce.trustAsHtml("<strong>Error:</strong>Something is wrong") . Однако ваш сервис, вероятно, не должен возвращать вам HTML-строку, подобную этой. Сделайте так, чтобы сервис возвращал {type: 'error', message: 'Something is wrong'} и сделайте правильное форматирование в шаблоне.

optimus · Accepted Answer · 2016-07-21T10-32-00.000Z

используйте директиву ng-bind-html для привязки строки как html

я могу знать, почему -1 для этого ответа?
Я на самом деле считаю это ответом. Единственное, что он забыл упомянуть, это то, что для работы ng-bind-html мне нужно включить файл angular-sanitize.min.js и добавить ngSanitize в мой модуль приложения: var app = angular.module ('app', [ 'ngSanitize']);
@ShudhanshShekhar: Реферальные ссылки приветствуются в stackoverflow, пожалуйста, прочитайте stackoverflow.com/help/how-to-answer .