Ionic v2 bind html

Ich versuche, einige Text- und HTML-Daten in der Ansichtsdatei zu binden, aber die Seite öffnet sich bei einigen Geräten nicht. Ich habe versucht, HTML mit <div> Tag zu umgeben, aber immer noch nicht funktioniert. wollte ich ist es eine Alternative von $sce.trustashtml in angular2 kennen oder in ionischen 2.Ionic v2 bind html

Ich habe Code hinzugefügt Probe unter

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

i [inner-html] versuchte auch noch kein Glück

Jede Hilfe wird geschätzt

Quelle

2016-07-28 Hussain

Was bedeutet es "öffnet nicht in einigen Geräten"? Auf welchen Geräten funktioniert es, auf welchen Geräten nicht? –

Tun Sie das nicht. Warum sendet der Server Ihnen HTML? Wenn Sie müssen, siehe http://stackoverflow.com/questions/31548311/angular-2-html-binding, oder http://stackoverflow.com/questions/33472297/how-to-translate-html-string-to- Real-HTML-Element-durch-ng-für-in-Winkel-2. –

seine Arbeit in Samsung und Asus zenfone aber nicht in Redmi – Hussain

Es passierte auch mit meiner App. innerHTML Attribut war Trimmen Audio und Iframe-Elemente, in meinem Fall.

Ich habe es funktioniert, indem man zuerst wie folgt eine lokale Variable für das HTML-Element zu erstellen:

<p padding #post_content></p>

Hier #post_content schafft einen post_content lokalen Variable.

und dann durch das jeweilige Element mit @ViewChild Decorator in Typoskript Referenzierung wie folgt:

@ViewChild('post_content') post_content;

und Zuweisen der HTML-Code in Maschinenschrift wie folgt:

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

Quelle

2016-07-28 18:37:56

Vielen Dank für die Hilfe, aber in meinem Fall wird die Variable #post_content innerhalb der Slidebox sein und es kann n Anzahl von Folien mit unterschiedlichen Werten geben. – Hussain

@ user3660436 können Sie einen Codepen/Plunkr Ihres Codes erstellen? –

ionische Tags anstelle von div verwenden, zB :

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

Quelle

2017-09-17 11:11:43

Ionic v2 bind html

Antwort

Verwandte Themen