Javascript 离子4离子幻灯片幻灯片选项忽略第二次
我的Ionic 4应用程序有一个奇怪的行为:当我第二次打开带有幻灯片的模式时,我的幻灯片选项被忽略(第一次它工作得很好) 这里有一些代码 my-card.component.ts: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: {
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”,我收到此错误。