离子输入提交自动创建问题

时间:2018-02-22 10:13:03

标签: ionic-framework ionic3 angular5

我使用Ionic 3作为我的移动应用程序,我试图创建当我在输入字段上输入内容后想要自动创建下一个文件,但它不适合我,任何人都知道如何正确地做到这一点

HTML

<ion-input type="text" placeholder="name" right (keyup.enter)="nextfiled()" ></ion-input>

.ts

nextfiled(value: string): void {
    alert('Submitted value: ' + value);
  }

2 个答案:

答案 0 :(得分:1)

试试这个:

<强> html的

<ion-item *ngFor="let item of textBox">
    <ion-input type="text" placeholder="name" [(ngModel)]="item.one" (keypress)="addTextBox($event.keyCode)"></ion-input>
</ion-item>

<强> .TS

textBox:any = [{one:''}];

addTextBox(ev){
    console.log('isScroll',ev);
    if (ev == 13) {
        this.textBox.push({one:''});
    }
}

答案 1 :(得分:0)

<强> html的

<ion-input (keypress)="eventHandler($event.keyCode)"></ion-input>

<强> .TS

eventHandler(keypress) {
    console.log(keypress);
    if(keypress == 13) {
        //run code
    }
}