2016-12-09 3 views
1

ich mache Taste muß machen, aber es nicht ich ionische 2Wie dynamische Komponenten in ionischen 2

home.ts

import { Component } from '@angular/core'; 
    import { NavController } from 'ionic-angular'; 

    @Component({ 
     selector: 'page-home', 
     templateUrl: 'home.html' 
    }) 
    export class HomePage { 
     content:string ='<button ion-button color="light">Light</button>'; 
     constructor(public navCtrl: NavController) { 
     } 
    } 

home.html

verwenden funktioniert
<ion-content> 
<ion-card> 
    {{content}} 
</ion-card> 
</ion-content> 

This result

+0

Darf ich fragen, was müssen Sie erreichen? Denn vielleicht gibt es einen anderen Weg, es zu tun, anstatt den 'DomSanitizer' zu verwenden und so weiter ... – sebaferreras

Antwort

0

Code ändern zu <ion-card [innerHtml]="content"></ion-card>

{{content}} wird gerade aus dem Wert als String drucken. Aber die innerHtml wird tatsächlich die Roh-HTML-Daten verwenden

+0

" innerHtml "funktioniert gut mit string (h1, p, div) wenn es nicht funktioniert, weiß ich nicht Warum>< – otaroo

+0

Werfen Sie einen Blick auf die Antwort hier http://stackoverflow.com/questions/37076867/in-rc-1-some-styles-cant-be-added-using-binding-syntax/37076868#37076868 – Ivaro18

Verwandte Themen