角度 – 在自定义组件内使用离子输入

发布时间：2020-12-17 07:33:58 所属栏目：安全来源：网络整理

导读：我正在尝试在angular2 / ionic2中创建一个包含输入的自定义组件,这里是代码： import {Component} from "angular2/core";import {ItemInput} from "ionic-framework/ionic";@Component({ directives: [ItemInput],selector: "add-input",template: ` ion-inp

我正在尝试在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() {}
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!