Angular 2 Cannot use directive form a nested module -

i trying define directive hide elements if user doesn't have claim.

after define directive declare in application.module declarations.

the problem unable use directive module nested inside of application.module. if use directive inside component 'next' application module works fine, when use directive component inside of nested module not recognized compiler , throws error , if declare directive again compiler throws again because being declared elsewhere.

every module uses directive, needs have directive in declarations or have module in imports, has directive in declarations , exports

create shared module

@ngmodule({   imports: [],   declarations: [mydirective],   exports: [mydirective], } export class sharedmodule {} 

and import whereever want use directives or pipes it:

@ngmodule({   imports: [sharedmodule],   declarations: [],   exports: [], } export class nestedmodule {} 

a directive can in declarations of 1 module. if want use directive in various modules, need create shared module.