Question

我在我的angular 7项目中使用了owl-carousel模块。如何从内部组件使用此模块？

在我的app.module.ts文件中：

import { SharedModule } from './shared/shared.module';
import { OwlModule } from 'ngx-owl-carousel';

imports: [
   ...
   OwlModule, 
   SharedModule ]

在我的shared.module.ts文件中：

import { BannerCarouselComponent } from './components/carousels/banner-carousel/banner-carousel.component';
@NgModule({
  declarations: [BannerCarouselComponent] ...

在我的banner-carousel.component.html文件中：

<owl-carousel  [options]="bannerCarouselOptions" [items]="images" [carouselClasses]="['owl-theme', 'sliding']" >
    <div class="item" *ngFor="let image of mySlideImages;let i = index">
     <div>
       <img src={{image}}/>
     </div>
    </div>

   </owl-carousel>

请告诉我我该怎么办？谢谢。

Answer 1

您已经将sharedModule导入了appModule中。您唯一需要做的就是在HTML页面中使用BannerCarouselComponent的选择器。

如果您打算在所有应用程序中都使用此SharedModule，则还需要将SharedModule添加到AppModule的导出中。

在内部组件中使用外部模块

1 个答案: