Question

我有一个Angular项目，里面有几个库/项目。这些库之一是自定义轮播（使用Hammerjs），我可以在其他任何库中重复使用。问题是想要在轮播模块中为Hammerjs设置配置，而不必在外壳中进行设置。这样它就可以处理所有自己的配置。仅当我在外壳app.module.ts中而不是在carousel.module.ts中设置它时，它才起作用。

例如我要设置

export class MyHammerConfig extends HammerGestureConfig {
  buildHammer(element: HTMLElement) {
    let mc = new Hammer(element, {
      touchAction: 'pan-y',
      recognizers: [
        [Hammer.Pan, { direction: Hammer.DIRECTION_HORIZONTAL }],
      ],
    });
    return mc;
  }
}

和

providers: [{ provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }]

任何人都知道如何使任何正在使用的库使用正在使用的库中的配置吗？

谢谢

Answer 1

当前对Angular的限制是必须在引导时创建事件插件。在短期内，您可以仅在应用程序模块中为锤子手势配置添加提供程序。

https://github.com/angular/angular/issues/19874

Angular 6库模块配置

1 个答案: