2017-07-15 45 views
2

我有一個HTML象下面這樣:Ionic2不能得到離子段ngmodel價值

<ion-content> 
<ion-segment [(ngModel)]="authorize"> 
<ion-segment-button value="register"> 
    Register 
</ion-segment-button> 
<ion-segment-button value="login"> 
    Login 
</ion-segment-button> 
</ion-segment> 
<div [ngSwitch]="authorize"> 
<ion-list *ngSwitchCase="'register'"> 
    <p>register</p> 
</ion-list> 
<ion-list *ngSwitchCase="'login'"> 
    <p>login</p> 
</ion-list>  
</div> 
</ion-content> 

而且我想在下面選擇在TS段的一個:

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { NavParams } from 'ionic-angular'; 

@Component({ 
selector: 'page-login', 
templateUrl: 'login.html' 
}) 
export class LoginPage { 
    constructor(public navCtrl: NavController, private navParams: NavParams) { 
    let sel = navParams.get('sel'); 
    if(sel == 'register') 
     authorize: string = "register"; 
else if(sel == 'login') 
    authorize: string = "login"; 
    } 
} 

但是,當我編譯有以下錯誤:

'LoginPage'類型上不存在屬性'authorize'。

有誰知道如何解決這個問題?

回答

1

放置在authorize一流水平,

export class LoginPage { 

authorize:string; 

    constructor(public navCtrl: NavController, private navParams: NavParams) { 
    let sel = navParams.get('sel'); 
    if(sel == 'register'){ 
     this.authorize= "register"; 
    }else if(sel == 'login'){ 
     this.authorize= "login"; 
    } 
    } 
} 

這個錯誤是因爲如果變量sel不匹配都registerlogin什麼。

+0

Thanks〜Aravind。其作品。 – Nulra