2017-07-05 4 views
0

Angular/Ionic 2を使用して、コンストラクタ/関数で選択したオプションを取得するにはどうすればよいですか?Angular/Ionic 2で選択したngModel値を取得しますか?

<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); 
    } 
} 

答えて

0
<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

+0

をそれは 'undefined'を返します。 '@ Anger/core'から 'import {Component、OnInit} 'を追加しました。 –

+0

更新されたコードをお試しください。このコードは正しい方向に向けるだけです。 ngOnInitのドキュメントを参照し、シナリオで実装してください。 –

+0

気にしないでください、今すぐ動作しています!どうもありがとう! –

関連する問題