angular - Ionic 3 中的指令

Question

在 app.module.ts 中声明的 Ionic 2 指令的应用程序中。

但在 Ionic 3(延迟加载)中，该指令不起作用。我尝试在组件模块中导入指令，例如:

...
import { TabindexDirective } from '../../../app/tabindex.directive';

@NgModule({
  declarations: [
    ...
    TabindexDirective,
  ],
  imports: [
   ...
  ],
  exports: [
    ...
  ],
})
export class SignupModule {}

这段代码工作正常，但是我在另一个组件模块中导入这个指令，我有错误:

Type GoComponent is part of the declarations of 2 modules: SignupModule and AddPageModule! Please consider moving GoComponent to a higher module that imports

如何修复它并在 Ionic 3 中使用指令？

Answer 1

在我最近的项目中，同样的事情也发生在我身上。这个问题的解决方法是在directives.module.ts中导入指令，例如:

import { NgModule } from '@angular/core';
import { XYZDirective } from './XYZ/XYZ';
@NgModule({
    declarations: [XYZDirective],
    imports: [],
    exports: [XYZDirective]
})
export class DirectivesModule {}

然后，在您需要指令的页面中导入 XYZDirective。