我正在嘗試在 Ionic Modal 上使用 Swiper Angular，但未初始化 swiper。當應用程式運行時，它不會在控制臺中顯示任何錯誤，但是當檢查代碼時，我得到以下資訊：
<swiper _ngcontent-kch-c220="">
<!--container-->
<!--container-->
<!--container-->
</swiper>
這就是我實作 swiper 的方式：
<swiper
#swiper
[slidesPerView]="3"
[spaceBetween]="50"
(swiper)="onSwiper($event)"
(slideChange)="onSlideChange()">
<ng-template swiperSlide>Slide 1</ng-template>
<ng-template swiperSlide>Slide 2</ng-template>
<ng-template swiperSlide>Slide 3</ng-template>
</swiper>
組件模塊：
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SetupConfirmComponent } from '@shared/components/setup-confirm/setup-confirm.component';
import { IonicModule } from '@ionic/angular';
import { SwiperModule } from 'swiper/angular';
@NgModule({
declarations: [SetupConfirmComponent],
imports: [CommonModule, IonicModule, SwiperModule],
exports: [SetupConfirmComponent],
})
export class SetupConfirmModule {}
此外，CSS 被匯入到主 CSS 檔案中，并且目前正在作業，因為 swiper 可以完美地在其他組件中作業。
uj5u.com熱心網友回復：
這樣做的問題是組件模塊沒有匯入到實際呼叫 Modal 的組件中。雖然模態完美地作業，即使沒有匯入到另一個模塊中，它的依賴項如 swiper 似乎也失敗了。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/356338.html
上一篇：Angular未正確顯示錯誤