在Ionic 2中,如何创建使用Ionic组件的自定义指令? [英] In Ionic 2, how do I create a custom directive that uses Ionic components?
本文介绍了在Ionic 2中,如何创建使用Ionic组件的自定义指令?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
创建基本指令很简单:
import {Component} from 'angular2/core';
@Component({
selector: 'my-component',
template: '<div>Hello!</div>'
})
export class MyComponent {
constructor() {
}
}
这可以按预期工作。但是,如果我想在我的指令中使用Ionic组件,那么事情会爆发。
This works as expected. However, if I want to use Ionic components in my directive things blow up.
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() {
}
}
该指令已呈现,但Ionic组件未被转换,因此看起来不会正常工作。
The directive is rendered, but Ionic components are not transformed, and so wont look/work properly.
我找不到任何关于此的例子。我该怎么做?
I can't find any examples on this. How should I do this?
推荐答案
找到答案这里:
您必须导入Ionic组件并将其注册为
'指令'
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: '<ion-list><ion-item>I am an item</ion-item></ion-list>'
})
export class MyComponent {
constructor() {
}
}
这篇关于在Ionic 2中,如何创建使用Ionic组件的自定义指令?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文