In Ionic 2, how do I create a custom directive that uses Ionic components?

Question

Creating a basic directive is simple:

import {Component} from \'angular2/core\';

@Component({
    selector: \'my-component\',
    template: \'
Hello!&         


        
      

Answer 1

Found the answer here:

You have to import the Ionic components and register them as 'directives'

So my second example becomes:

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

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

    }
}