angular-io-slimscroll 在模块中不工作

Question

我正在使用 angular-io-slimscroll 进行滚动。我有两个模块需要这个插件。

如果我在两个模块中添加这个插件就会出现这个错误，据我所知我不能在 2 个模块中声明组件

控制台错误 1

所以我在 app.module 中声明了插件，逻辑上这很好，两个模块都应该能够做到这一点，但我遇到了这个错误

控制台错误 2

注：现在我将所有东西都转换成模块以获得更好的结构，在转换之前我将所有东西都作为组件并且插件在那个阶段工作但不是在多个模块中。

请帮助我解决这个问题或告诉我任何好的选择，谢谢

Answer 1

Slimscroll 是一个指令，您不能将它导入到多个模块中。

创建共享模块并将 Slimscroll 导入到模块的声明中。

此外，您必须将其导出并将共享模块导入到您要使用它的模块中。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SlimScroll } from 'angular-io-slimscroll';

@NgModule({
  imports: [
    CommonModule
  ],
  declarations: [
    SlimScroll
  ],
  exports: [
    SlimScroll
  ]
})
export class SharedModule { }

在其他模块中只需导入 SharedModule

import { SharedModule } from './shared.module';

@NgModule({
  imports: [
    // other imports
    SharedModule
  ]       
})
export class OtherModule { }

angular-io-slimscroll 在模块中不工作

angular-io-slimscroll not working in modules

angular

scroll

slimscroll