javascript - Ionic 2 - 访问 Controller 中的 ngModel

Question

我想在 Controller 中访问我的 ngModel，由于某种原因我不知道如何做。我有一个radio-group(它不属于表单，而只是属于用户可以个性化应用程序的启动屏幕。

我的html:

<ion-list radio-group [(ngModel)]="language">
    <ion-list-header style="word-break: normal;">
        {{ languageText }}
    </ion-list-header>

    <ion-item>
        <ion-label>Nederlands</ion-label>
        <ion-radio value="nl"></ion-radio>
    </ion-item>

    <ion-item>
        <ion-label>English</ion-label>
        <ion-radio value="eng"></ion-radio>
    </ion-item>

    <ion-item>
        <ion-label>Deutsch</ion-label>
        <ion-radio value="du"></ion-radio>
    </ion-item>
</ion-list>

我想访问 Controller 中的ngModel:语言:

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { Storage } from '@ionic/storage';
import { HomePage } from '../home/home';

@Component({
  selector: 'page-intro',
  templateUrl: 'intro.html'
})

export class IntroPage {

  welcomeTitle: any;
  languageText: any;

  constructor(public navCtrl: NavController, public navParams: NavParams, public storage: Storage) {

    this.displayLanguage();
  }

  finishIntro() {

    this.storage.set('introShown', true);
    this.navCtrl.setRoot(HomePage);
  }

  displayLanguage() {

  }

}

Answer 1

ngModel是 Angular 2 中的二元绑定(bind)功能。

如果你有

<ion-list radio-group [(ngModel)]="language">

语言需要是组件中的变量。

@Component({
  selector: 'page-intro',
  templateUrl: 'intro.html'
})

export class IntroPage {

  welcomeTitle: any;
  languageText: any;
  language:any;//here

html 或组件端的任何语言更改都会反射(reflect)在另一个端。