Get selected ngModel value in Angular / Ionic 2?

生来就可爱ヽ(ⅴ<●) 提交于 2019-12-25 09:34:55

问题


How can I get the selected option in constructor / function, using 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>

I've tried this:

export class ProductPage {
    qty: any;

    constructor(public navCtrl: NavController) {

    }

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

回答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>

try this

export class ProductPage implements OnInit{
    qty: any;

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

Please read : https://angular.io/guide/lifecycle-hooks



来源:https://stackoverflow.com/questions/44937103/get-selected-ngmodel-value-in-angular-ionic-2

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!