Javascript Ionic2-离子选择在特定页面中断开
我正在做一个Ionic 2应用程序,问题是当进入特定页面时,Ionion select组件无法正常工作和显示,但在其他页面上,该组件可以正常工作 以下是TypeScript文件:Javascript Ionic2-离子选择在特定页面中断开,javascript,html,angular,typescript,ionic-framework,Javascript,Html,Angular,Typescript,Ionic Framework,我正在做一个Ionic 2应用程序,问题是当进入特定页面时,Ionion select组件无法正常工作和显示,但在其他页面上,该组件可以正常工作 以下是TypeScript文件: // ... @Component({ selector: 'page-new-filter', templateUrl: 'new-filter.html' }) export class NewFilterPage { form: FormGroup; accountId: number;
// ...
@Component({
selector: 'page-new-filter',
templateUrl: 'new-filter.html'
})
export class NewFilterPage {
form: FormGroup;
accountId: number;
localFolders: any;
constructor(public navCtrl: NavController, public navParams:
NavParams, private platform: Platform, private folders:
FoldersProvider, private auth: AuthProvider, private formBuilder:
FormBuilder) {
this.accountId = navParams.get('id');
this.form = formBuilder.group({
type: ["", Validators.required],
filterText: ["", Validators.required],
folder: ["", Validators.required]
});
this.localFolders = [];
this.platform.ready().then(() => {
this.folders.getLocalFolders(this.accountId).then((data: any) => {
for(let i = 0; i < data.length; i++) {
console.log(JSON.stringify(data.item(i)));
this.localFolders.push(data.item(i));
}
console.log(JSON.stringify(this.localFolders));
console.log(this.accountId);
});
});
}
// ...
// ...
}
ionic info
命令的输出:
global packages:
@ionic/cli-utils : 1.1.2
Cordova CLI : You have been opted out of telemetry. To change this, run: cordova telemetry on. 7.0.1
Ionic CLI : 3.1.2
local packages:
@ionic/app-scripts : 1.1.4
@ionic/cli-plugin-cordova : 1.1.2
@ionic/cli-plugin-ionic-angular : 1.1.2
Ionic Framework : ionic-angular 2.3.0
System:
Node : v7.10.0
OS : Linux 4.4
Xcode : not installed
ios-deploy : not installed
ios-sim : not installed
应用程序运行的屏幕截图,这些ion select不起作用:
还允许选择多个单选按钮:
但是,选择不同的页面可以:
提前感谢。您是否检查了ion select功能工作的页面中是否使用了ngModel指令? 从爱奥尼亚的文档来看,使用
的正确方法是
<ion-item>
<ion-label>Gender</ion-label>
<ion-select [(ngModel)]="gender">
<ion-option value="f">Female</ion-option>
<ion-option value="m">Male</ion-option>
</ion-select>
</ion-item>
性别
女性
男性
对于未来的读者,我所要做的就是更新依赖项以解决此问题。是的,工作模式中没有[(ngModel)]您是否收到任何错误?
global packages:
@ionic/cli-utils : 1.1.2
Cordova CLI : You have been opted out of telemetry. To change this, run: cordova telemetry on. 7.0.1
Ionic CLI : 3.1.2
local packages:
@ionic/app-scripts : 1.1.4
@ionic/cli-plugin-cordova : 1.1.2
@ionic/cli-plugin-ionic-angular : 1.1.2
Ionic Framework : ionic-angular 2.3.0
System:
Node : v7.10.0
OS : Linux 4.4
Xcode : not installed
ios-deploy : not installed
ios-sim : not installed
<ion-item>
<ion-label>Gender</ion-label>
<ion-select [(ngModel)]="gender">
<ion-option value="f">Female</ion-option>
<ion-option value="m">Male</ion-option>
</ion-select>
</ion-item>