我如何在Ionic2中的ngafterviewinit()下访问离子输入数值

Question

我采用了一个数字类型的离子输入值，我想访问我的ngafterviewinit下的值，我的值不确定，请让我知道正确的解决方案吗？

这是以下代码：

<ion-input id="qty" type="number" placeholder="Enter Stop Index" (ngModel)="stop"></ion-input>

代码：

 ngAfterViewInit() {
         var slidetostop= (<HTMLInputElement>document.getElementById('qty')).value;

}

Answer 1

您可以使用JavaScript实现它。看看以下代码。

    var slidetostop ="8" //you can put any static number.
    document.getElementById("qty").addEventListener("keyup", function () {
        slidetostop  =  parseInt((<HTMLInputElement>document.getElementById("qty")).value);
       }, false);

Answer 2

您可以在此处使用[(ngmodel(]语法：

<ion-input type="number" placeholder="Enter Stop Index" [(ngModel)]="qty"></ion-input>

并将其引用在您的控制器中

export class SimpleNgModelController implements AfterViewInit {
    qty: number = 0;
    ngAfterViewInit() {
        console.log("afterviewinit: ", this.qty); //console logs 0
    } 
    setValue() {
        this.qty = 100; 
    }
}