Ionic v2 bind html

Я пытаюсь связать некоторые текстовые и html-данные в файле вида, но страница не открывается на некоторых устройствах. Я попытался окружить html меткой <div>, но все еще не работает. Я хотел бы знать, есть ли альтернатива $sce.trustashtml в angular2 или в ионной 2.Ionic v2 bind html

я добавил пример кода ниже

<div [innerHTML]="html-variable-from-controller"></div>

я попытался [inner-html] также до сих пор не повезло

любая помощь будет

источник

2016-07-28 Hussain

Что означает «не открывается на некоторых устройствах»? На каких устройствах он работает, на каких устройствах он не работает? –

Не делайте этого. Почему сервер отправляет вам HTML? Если вам нужно, см. Http://stackoverflow.com/questions/31548311/angular-2-html-binding или http://stackoverflow.com/questions/33472297/how-to-translate-html-string-to- в режиме реального HTML-элемент-по-нг-в-в-угловой-2. –

его работа в samsung и asus zenfone, но не в redmi – Hussain

Это случилось с моим приложением. innerHTML атрибут был обрезкой аудио и iframe элементов, в моем случае.

Я получил это работает сначала создать локальную переменную для этого HTML элемента следующим образом:

<p padding #post_content></p>

#post_content Здесь создает локальную переменную post_content.

, а затем с помощью ссылки на конкретный элемент, используя @ViewChild декоратора в машинописном следующим образом:

@ViewChild('post_content') post_content;

и назначая HTML в машинописном следующим образом:

this.post_content.nativeElement.innerHTML = this.htmlContent;

источник

2016-07-28 18:37:56

Благодарим вас за помощь, но в моем случае переменная #post_content будет находиться внутри слайдов и может быть n количество слайдов с разными значениями. – Hussain

@ user3660436 Вы можете создать код/plunkr своего кода? –

использовать ионные теги вместо DIV, экземпляр :

<ion-content [innerHTML]="html-variable-from-controller"></ion-content>

источник

2017-09-17 11:11:43

Ionic v2 bind html

ответ

Смежные вопросы