Wie kann ich auf den Wert der Ioneneingangszahl unter meiner ngAfterViewInit() in Ionic2 zugreifen?

Question

Ich habe einen Ioneneingabewert des Zahlentyps genommen und möchte auf den Wert unter meinem ngAfterViewInit zugreifen, ich bekomme einen undefinierten Wert, bitte lassen Sie mich die richtige Lösung wissen? Hier

ist der Code unter:

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

Code:

ngAfterViewInit() { 

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


} 

Answer 1

Sie können es mit Javascript erreichen. Schau dir den Code unten an.

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

Sie konnten verwenden [(ngModel)] Syntax hier:

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

und verweisen Sie in Ihrem Controller

export class SimpleNgModelController implements AfterViewInit { 
    qty: number = 0; 

    ngAfterViewInit() { 
     console.log("afterviewinit: ", this.qty); //console logs 0 
    } 

    setValue() { 
     this.qty = 100; 
    } 
}