Question

我正在运行Angular 5.2.4并安装了ngx-carousel "ngx-carousel": "^1.3.5"

我有什么：

<ngx-carousel class="banner" [inputs]="carouselBanner" (carouselLoad)="carouselBannerLoad()">
<ngx-item NgxCarouselItem *ngFor="let tile of carouselBannerItems; let i = index;">
    <div class="bannerStyle" [style.background]="'url(' + tile + ')'">
        <h1>{{i}}</h1>
    </div>
</ngx-item>
<button NgxCarouselPrev class="leftRs">&lt;</button>
<button NgxCarouselNext class="rightRs">&gt;</button>

我在控制台中有一个模板解析错误：

Can't bind to 'inputs' since it isn't a known property of 'ngx-carousel'.

如果＆＃39; ngx-carousel＆＃39;是一个Angular组件，它有＆＃39;输入＆＃39;输入，然后验证它是否是该模块的一部分。
如果＆＃39; ngx-carousel＆＃39;是一个Web组件，然后添加＆＃39; CUSTOM_ELEMENTS_SCHEMA＆＃39;到了＆＃39; @ NgModule.schemas＆＃39;该组件可以禁止显示此消息。

我做错了什么？

Answer 1

您需要将NgxCarouselModule导入您的模块。然后问题就会解决。

在您的模块中，添加导入部分。

Answer 2

在app.module.ts中添加 import { CarouselModule } from 'ngx-bootstrap/carousel';

然后在进口添加 CarouselModule.forRoot()

您没有在主app.module.ts中导入模块，因此收到错误。

Angular 5 /实施ngx轮播

2 个答案: