在Angular / Ionic 2中获取选定的ngModel值？ [英] Get selected ngModel value in Angular / Ionic 2?

问题描述

如何使用Angular / Ionic 2在构造函数/函数中获取所选选项？

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>

我试过这个：

export class ProductPage {
    qty: any;

    constructor(public navCtrl: NavController) {

    }

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

推荐答案

<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

这篇关于在Angular / Ionic 2中获取选定的ngModel值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！