【发布时间】:2017-04-27 06:30:48
【问题描述】:
我有一个数组,我用它来显示
<ion-item (click)="toggleLanguages()">
Languages
<ion-icon name="add" item-right *ngIf="languageShow"></ion-icon>
<ion-icon name="remove" item-right *ngIf="languageHide"></ion-icon>
</ion-item>
<div *ngIf="languageHide">
<!-- All radio's in a radio group -->
<ion-list radio-group [(ngModel)]="selectedLanguage" (ionChange)="doSomething(language)">
<ion-item *ngFor="let language of languageArray">
<ion-label >{{language.language_name}}</ion-label>
<ion-radio item-left [value]="language"></ion-radio>
</ion-item>
</ion-list>
</div>
如您所见,我正在使用 ionchange 调用函数
问题:
当我的
languageHide变量变为真时,我的doSomething函数就会触发我将
language对象作为参数发送到我的doSomething(language)函数,但在我的控制台日志中,我的语言对象未定义。
这是我的 .ts 文件
doSomething(languages){
console.log("invoking dosomething");
console.log("checking languages "+ JSON.stringify(languages));//here it is not printing
}
toggleLanguages(){
console.log("invoking toggleLanguages");
this.languageShow = !this.languageShow;
this.languageHide = !this.languageHide;
}
从上面的两个函数中,我首先调用了 toggleLanguages() 函数 一旦我调用了这个函数,我的 this.languageHide 变量就会变为 true,然后我的 (ionChange) 函数就会自动触发。
【问题讨论】:
标签: angular radio-button ionic2 ionic2-select