Wie erstelle ich in Ionic 2 eine benutzerdefinierte Direktive, die Ionic-Komponenten verwendet?

Question

eine grundlegende Richtlinie zu erstellen ist einfach:

import {Component} from 'angular2/core'; 

@Component({ 
    selector: 'my-component', 
    template: '<div>Hello!</div>' 
}) 
export class MyComponent { 
    constructor() { 

    } 
} 

Dies funktioniert wie erwartet. Wenn ich jedoch in meiner Richtlinie ionische Komponenten verwenden möchte, explodieren die Dinge.

Die Direktive wird gerendert, aber ionische Komponenten werden nicht transformiert und werden daher nicht richtig funktionieren.

Ich kann keine Beispiele dazu finden. Wie soll ich das machen?

Answer 1

die Antwort gefunden here:

Sie haben die ionischen Komponenten importieren und

Also mein zweites Beispiel wird sie als 'Richtlinien' registrieren:

import {Component} from 'angular2/core'; 
import {List, Item} from 'ionic/ionic'; 

@Component({ 
    selector: 'my-component', 
    directives: [List, Item], 
    template: '<ion-list><ion-item>I am an item</ion-item></ion-list>' 
}) 
export class MyComponent { 
    constructor() { 

    } 
}