3
Wenn ich meine eigene benutzerdefinierte Komponente wie folgt schreiben:Wie schreibe ich benutzerdefinierte Komponenten in Ionic 2/3 ohne vorbereitete CSS zu verlieren?
import { Component } from '@angular/core';
@Component({
selector: 'deletableItem',
template: `
<ion-checkbox item-right></ion-checkbox>
`
})
export class DeletableItem {
constructor() {}
}
Und es in einigen HTML-Ansicht verwenden:
<ion-content padding>
<ion-list>
<ion-item *ngFor="let bill of bills" (click)="openEdit(bill)">
<ion-label text-left>{{bill.name}}</ion-label>
<deletableItem></deletableItem>
</ion-item>
</ion-list>
</ion-content>
davon Die Suche ist schlimmer, als es nur auf einmal der Komponentensicht in Eltern setzen wie folgt:
All dies, weil eckigen wrap HTML-Code dieser Komponente in HTML-Tag. So verlieren wir Ionenstärken (css). Bitte keine attributive Komponentenzuweisung wie:
<ion-checkbox item-right deletableItem></ion-checkbox>
Da dies nur ein einfaches Beispiel ist.
Was ist der beste Weg, um benutzerdefinierte Komponenten mit ionischen Komponenten im Inneren zu schreiben, ohne vorbereitete CSS zu verlieren?
Ich habe eine ähnliche [Problem] (http://stackoverflow.com/questions/43917454/ionic-2-ion-content-of-subcomponent-overlapped-by-ion-header), die Sie kommentiert. Um das Problem besser zu verstehen, was ist "vorbereitetes CSS"? Ich konnte nicht viel darüber finden. – barney765
@ barney765 von vorbereitet css Ich meine aus einer Box oder integrierte CSS aus ionischen Rahmen. – DjezzzL
Ich hatte diese verrückte Idee, dass es möglich sein könnte, DeletableItem eine Unterklasse von Checkbox zu machen. Ich denke, dass Sie die Dekoratoren mit dem neuen Selektornamen auch in die neue Klasse kopieren müssen. Sie könnten dann die 'item-right'-Eigenschaft im Konstruktor setzen. Ich weiß, dass es ein schrecklicher Hack ist, aber vielleicht führt es jemanden dazu, eine Lösung zu finden. – barney765