Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Ionic2-离子选择在特定页面中断开_Javascript_Html_Angular_Typescript_Ionic Framework - Fatal编程技术网

Javascript Ionic2-离子选择在特定页面中断开

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;

我正在做一个Ionic 2应用程序,问题是当进入特定页面时,Ionion select组件无法正常工作和显示,但在其他页面上,该组件可以正常工作

以下是TypeScript文件:

// ...

@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>