我正在尝试在angular2 / ionic2中创建一个包含输入的自定义组件,这里是代码：
- import {Component} from "angular2/core";
- import {ItemInput} from "ionic-framework/ionic";
- @Component({
- directives: [ItemInput],selector: "add-input",template: `
- <ion-input clearInput>
- <input type="text" value="">
- </ion-input>
- `
- })
- export class AddInput {
- constructor() { }
- }
问题是在最终页面/视图中似乎忽略了离子输入(没有应用样式,甚至无法点击它).如果我将代码移动到主视图,那么它的工作原理.向此自定义组件添加按钮时
- <button>ok</button>
并导入Button(并将其添加到此组件的指令列表中)这是有效的.所以我不确定是否需要特别注意要在自定义组件中使用的ItemInput组件,或者我是否只是遇到了一个bug.
使用离子2.0 alpha49.
有什么线索吗？
使用IONIC_DIRECTIVES导入离子指令：
- import {Component} from '@angular/core';
- import {IONIC_DIRECTIVES} from 'ionic-angular';
- @Component({
- selector: 'add-input',template: `
- <ion-input clearInput>
- <input type="text" value="">
- </ion-input>
- `,directives: [IONIC_DIRECTIVES]
- })
- export class AddInput {
- constructor() {}
- }
