Как вывести текст с тегами в Angular на страницу?
Сейчас это работает как: <b>text</b>
вместо text
3 ответа
Используйте ng-bind-html, только не забудьте подключить angular-sanitize.js
-
Да, но
ng-bind-html
не получается использоваться для такой конструкции:<div class="form-error" ng-repeat="error in messages" ng-show="response.type === 'error'"> {{error}} </div>
– JonyCommented 24 февр. 2015 в 15:17 -
-
Потому как я документации описано, вывод проиcходит так:
<div class="form-error" ng-bind-html="response.messages"></div>
, гдеresponse.messages
- строковая переменная. А у меня это массив– JonyCommented 24 февр. 2015 в 15:25 -
А зачем вы пытаетесь выводить массив да еще и с сохранением HTML? Commented 24 февр. 2015 в 15:28
-
А, понял. Вы можете написать так: <div ng-repeat="error in messages" ng-bind-html="error">{{ error }}</div> Commented 24 февр. 2015 в 15:35
попробуйте использовать $sce сервис
$scope.text = sce.trustAsHtml('<b>text</b>');
шаблон:
ng-bind-html="text"
А не легче сделать так?
<b>{{TEXT}}</b>
--------------
А обычный вариант что не работает? Если сперва в скопе задаёте с тегом, как вы указали, а потом пишите в html
<div>{{text}}</div>
Не проверяю сейчас, но, по идее, должно работать.
P.S. НЕ ЗАБУДЬТЕ указать ng-app вначале и контроллер, а то может этого нет.
-
Отлично - ещё и минусуют. Ну спасибо. Дыбилы какие-то минусуют. Мне пох-всёравно рейтинг высокий. Наверное ж не из за того что я бред пишу на сайте Commented 24 февр. 2015 в 15:48
-
1@Роман Ракзин ТС как раз таки и хотел избавиться от плейсхолдеров
{{...}}
. Скорее всего, чтобы избежать моргания (появление на мгновение плейсхолдеров) при рендеринге страницы.– romeoCommented 24 февр. 2015 в 16:01 -
ng-cloak вроде убирает моргание. Ну либо поставить ng-show или ng-class когда загрузится....как-то так Commented 24 февр. 2015 в 16:05
-
1Я думаю, что все-таки имеется в виду, что HTML может быть не только как в примере, а например, "Стоимость <b>23</b> руб" или "Стоимость 23 руб", и все это должно корректно отобразиться. Если же нет и там только обрамляющий тег, то ТС и правда должен от него избавиться и перенести в шаблон. Commented 24 февр. 2015 в 16:13
$scope.text = '<b>text</b>';
заносится текст с тегами. Эта самая переменная выводится на странице как '<b>text</b>'