В Ionic 2, как мне создать настраиваемую директиву, которая использует ионные компоненты?

Создание базовой директивы прост:

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

    }
}

Выводится директива, но ионные компоненты не преобразуются и поэтому не выглядят/работают должным образом.

Я не могу найти примеров. Как мне это сделать?

Ответ 1