在Angular/Ionic 2中獲取選定的ngModel值？

Question

如何使用Angular/Ionic 2獲得構造函數/函數中的選定選項？

<ion-item> 
    <ion-label>Quantity</ion-label> 
    <ion-select [(ngModel)]="qty"> 
     <ion-option value="1" selected="true">1</ion-option> 
     <ion-option value="2">2</ion-option> 
     <ion-option value="3">3</ion-option> 
    </ion-select> 
</ion-item> 

<button ion-button full (click)="addToCart()">Buy Now</button> 

我已經試過這樣：

export class ProductPage { 
    qty: any; 

    constructor(public navCtrl: NavController) { 

    } 

    addToCart() { 
     console.log(this.qty); 
    } 
} 

Answer 1

<ion-item> 
    <ion-label>Quantity</ion-label> 
    <ion-select [(ngModel)]="qty"> 
     <ion-option [value]="1" selected="true">1</ion-option> 
     <ion-option [value]="2">2</ion-option> 
     <ion-option [value]="3">3</ion-option> 
    </ion-select> 
</ion-item> 

試試這個

export class ProductPage implements OnInit{ 
    qty: any; 

    ngOnInit() { 
     console.log(this.qty); 
    } 
} 

請閱讀：https://angular.io/guide/lifecycle-hooks