Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.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 离子4离子幻灯片幻灯片选项忽略第二次_Javascript_Angular_Ionic Framework - Fatal编程技术网

Javascript 离子4离子幻灯片幻灯片选项忽略第二次

Javascript 离子4离子幻灯片幻灯片选项忽略第二次,javascript,angular,ionic-framework,Javascript,Angular,Ionic Framework,我的Ionic 4应用程序有一个奇怪的行为:当我第二次打开带有幻灯片的模式时,我的幻灯片选项被忽略(第一次它工作得很好) 这里有一些代码 my-card.component.ts: async openDetail(): Promise<void> { const detailModal = await this.modalController.create({ component: DetailsComponent, componentProps: {

我的Ionic 4应用程序有一个奇怪的行为:当我第二次打开带有幻灯片的模式时,我的幻灯片选项被忽略(第一次它工作得很好)

这里有一些代码

my-card.component.ts:

async openDetail(): Promise<void> {
  const detailModal = await this.modalController.create({
    component: DetailsComponent,
    componentProps: {
      somePros: '...'
    }
  });

  return detailModal.present();
}
export class DetailsComponent implements OnInit {

  slideOptions = null;

  ngOnInit() {

    // [...]

    let initialSlide = 0;

    // [...]

    this.slideOptions = { initialSlide };
  }
  ...
}
export class DetailsComponent implements OnInit {

  slideOptions = null;

  // ===> Get the reference on the slides here <===
  @ViewChild('slides', {static: true}) slides: IonSlides;

  ngOnInit() {

    // [...]

    let initialSlide = 0;

    // [...]

    this.slideOptions = { initialSlide };

    // ===> Update the slides here <===
    this.slides.update();
  }
  ...
}
details.component.html:

<ion-content>

  [...]

  <ion-slides *ngIf="slideOptions" [options]="slideOptions">
    <ion-slide>
      [...]
    </ion-slide>
    [...]
  </ion-slides>
</ion-content>
<ion-content>

  [...]

  <!-- ===> Add #slides here <=== -->
  <ion-slides #slides *ngIf="slideOptions" [options]="slideOptions">
    <ion-slide>
      [...]
    </ion-slide>
    [...]
  </ion-slides>
</ion-content>

[...]
[...]
[...]

显然,我需要更新幻灯片才能让它工作

details.component.ts:

async openDetail(): Promise<void> {
  const detailModal = await this.modalController.create({
    component: DetailsComponent,
    componentProps: {
      somePros: '...'
    }
  });

  return detailModal.present();
}
export class DetailsComponent implements OnInit {

  slideOptions = null;

  ngOnInit() {

    // [...]

    let initialSlide = 0;

    // [...]

    this.slideOptions = { initialSlide };
  }
  ...
}
export class DetailsComponent implements OnInit {

  slideOptions = null;

  // ===> Get the reference on the slides here <===
  @ViewChild('slides', {static: true}) slides: IonSlides;

  ngOnInit() {

    // [...]

    let initialSlide = 0;

    // [...]

    this.slideOptions = { initialSlide };

    // ===> Update the slides here <===
    this.slides.update();
  }
  ...
}
导出类详细信息组件实现OnInit{
slideOptions=null;
//=>获取此处幻灯片上的参考信息,更新此处的幻灯片
[...]
[...]

无法读取未定义的属性“update”,我收到此错误。