javascript - 无法绑定(bind)到 'images'，因为安装后它不是 'angular-image-slider' 的已知属性

Question

我已经使用“npm install angular-image-slider --save”安装了新包。我还在 app.module.ts 文件中添加了 sliderModule

    import { AppComponent } from './app.component';
    import { AppRoutingModule } from './/app-routing.module';
    import { SliderModule } from 'angular-image-slider';
    import { HomeComponent } from './home/home.component';

    @NgModule({
      declarations: [
        AppComponent,
      ],
    imports: [

      DragScrollModule,
      SliderModule,
      HttpModule,
      FormsModule,
      ReactiveFormsModule,
      AppRoutingModule,
      FileUploadModule,
      TagInputModule,
      BrowserAnimationsModule,
      NgxCurrencyModule,
      NgbModule.forRoot(),
      ScrollToModule.forRoot(),
      MetaModule.forRoot(),
      BrowserModule.withServerTransition({appId: 'my-app'}),
      DataTablesModule
  ],  
providers: [TravalservicesService, Globalvar, Alwaysguard, Alwaysguradhost, Alwaysguarduserhost, LoaderService, {provide: NgbDateParserFormatter, useClass: NgbDateFRParserFormatter}],
  bootstrap: [AppComponent]
})
export class AppModule { }

home.component.html

 <div class="row">
    <h2 class="text-uppercase fs-20px text-strong">SENSE</h2>
      <angular-image-slider [images]="imagesUrl"></angular-image-slider>    
  </div> 

在 home.component.ts 文件上

import { Component } from '@angular/core';
@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  viewProviders: [Title],
  styleUrls: ['./home.component.css'],

})
export class HomeComponent implements OnInit {
public imagesUrl;

ngOnInit() {
    this.imagesUrl = [
    'IMAGE_URL1.jpg',
    'IMAGE_URL2.jpg',
    'IMAGE_URL3.jpg',
    ];
}
}

它显示了一些错误错误:模板解析错误:无法绑定(bind)到“图像”，因为它不是“Angular 图像 slider ”的已知属性。1. 如果 'angular-image-slider' 是一个 Angular 组件并且它有 'images' 输入，那么验证它是这个模块的一部分。2. 如果“angular-image-slider”是 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息。3. 要允许任何属性，请将“NO_ERRORS_SCHEMA”添加到此组件的“@NgModule.schemas”。

'angular-image-slider' 不是已知元素:1. 如果“angular-image-slider”是一个 Angular 组件，那么验证它是这个模块的一部分。2. 如果“angular-image-slider”是 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息。

很抱歉我是 Angular 的新手，提出奇怪的问题。

Answer 1

你也需要像这样将你的组件导入你的声明部分

declarations: [
  AppComponent,
  HomeComponent
],
imports: [
    BrowserModule,
    BrowserAnimationsModule,
    SliderModule
],

因为你没有将组件导入模块所以它找不到你的库定义代码