Question

我想在控制器中访问我的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>

我想访问控制器中的ngModel: language：

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的双重绑定功能。

如果你有

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

language需要是组件中的变量。

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

export class IntroPage {

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

html或组件方面的语言更改会反映在另一方。

Ionic 2 - 在控制器中访问ngModel

1 个答案: