Angular SharedModule declarations not work

Question

I use EditableComponent from EditableComponent Link

declarations [EditableComponent,ViewModeDirective,EditModeDirective,EditableOnEnterDirective] in appModule have work

but

declarations [EditableComponent,ViewModeDirective,EditModeDirective,EditableOnEnterDirective] in SharedModule

imports[SharedModule] in appModule not work

module SharedModule

import { NgModule } from '@angular/core';

import { EditableComponent } from './table-edittable/editable.component';
import { ViewModeDirective } from './table-edittable/view-mode.directive';
import { EditModeDirective } from './table-edittable/edit-mode.directive';
import { EditableOnEnterDirective } from './table-edittable/editable-on-enter.directive';

@NgModule({
  declarations: [EditableComponent,ViewModeDirective,EditModeDirective,EditableOnEnterDirective],
  exports: [EditableComponent,ViewModeDirective,EditModeDirective,EditableOnEnterDirective]
})
export class SharedDeclarationsModule {
}

module appModule

import {SharedDeclarationsModule}from '../../layout-module/shared.declarstions.module';


@NgModule({
  declarations: [UserComponent,LeftsideComponent,DetailComponent,
    FocusableDirective,
  ],
  imports: [BrowserModule,HttpClientModule,CommonModule,
    SharedModule,
    MatCheckboxModule,
    FormsModule,
    MatGridListModule,
    SharedDeclarationsModule
  ],
  exports:[UserComponent,LeftsideComponent,DetailComponent,SharedDeclarationsModule]
})
export class UserModule { }

Which part is wrong?

Sorry for not describing 'not work' I represent with pictures:

not work img:

have work img:

Please be more specific. What does it mean "it doesn't work"?. Could you share the output from your ng build command so we can help you troubleshoot? — Some random IT boy
– Some random IT boy, Commented Nov 15, 2021 at 8:20

Rakib Uddin · Accepted Answer · 2021-11-15 08:26:05Z

0

You need to import CommonModule and export it. You can follow the documentation for creating a shared module. https://angular.io/guide/sharing-ngmodules

imports:      [ CommonModule ],

answered Nov 15, 2021 at 8:26

Rakib Uddin

8861 gold badge6 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

WeiHao Over a year ago

It succeeded! I tried for a long time. It turned out that the problem was just this.. Thank you!

Rakib Uddin Over a year ago

Glad to hear that. Check this answer so others can know that this is the correct one and worked for you.

Collectives™ on Stack Overflow

Angular SharedModule declarations not work

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related