在Ionic 2中，如何創建使用離子組件的自定義指令？

Question

創建基本指令很簡單：

import {Component} from 'angular2/core'; 

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

    } 
} 

可正常工作。但是，如果我想在我的指令中使用離子組件，事情就會爆炸。

import {Component} from 'angular2/core'; 

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

    } 
} 

指令被渲染，但離子組件不會被轉換，所以不會看起來/正常工作。

我找不到任何這方面的例子。我應該怎麼做？

Answer 1

找到了答案here：

您必須導入離子成分，並把它們註冊爲 '指令'

所以我的第二個例子就變成：

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() { 

    } 
}