मेरे पास कोणीय में एक मॉड्यूल है जिसमें दो घटक होते हैं।

पहले घटक को इस रूप में परिभाषित किया गया है।

overview.component.ts

@Component({
  selector: 'app-pricing-table',
  templateUrl: './pricing-table.component.html',
  styleUrls: ['./pricing-table.component.scss']
})
export class PricingTableComponent implements OnInit {
}

दूसरे घटक में, मैं दिए गए टैग का उपयोग करके अवलोकन घटक को शामिल करने का प्रयास करता हूं।

<app-pricing-table></app-pricing-table>

दोनों घटकों को एक ही मॉड्यूल में परिभाषित किया गया है।

@NgModule({
  declarations: [OverviewComponent, PricingTableComponent],
  imports: [
    CommonModule,
    SubscriptionRoutingModule,
  ],
})
export class SubscriptionModule { }

जब मैं ng serve चलाता हूं तो मुझे एक त्रुटि मिलती है। मैंने विकास सर्वर को कई बार पुनरारंभ किया है।

ERROR in src/app/modules/subscription/pages/overview/overview.component.html:13:1 - error NG8001: 'app-pricing-table' is not a known element:
1. If 'app-pricing-table' is an Angular component, then verify that it is part of this module.
2. If 'app-pricing-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

13 <app-pricing-table></app-pricing-table>

  src/app/modules/subscription/pages/overview/overview.component.ts:5:16
    5   templateUrl: './overview.component.html',
    Error occurs in the template of component OverviewComponent.

मेरे मॉड्यूल/घटकों में क्या गलत है?

संपादित करें

मैं अपने app-routing.module.ts में मॉड्यूल को आलसी-लोड कर रहा हूं

{
   path: 'subscription',
   loadChildren: () => import('./modules/subscription/subscription-routing.module').then(m => m.SubscriptionRoutingModule),
}

और मेरा app.module.ts

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    CollapseModule,
    HttpClientModule,
    BsDropdownModule.forRoot(),
    ToastrModule.forRoot()
  ],
  providers: [
    { provide: 'API_ENDPOINT', useValue: environment.apiEndpoint },
    { provide: HTTP_INTERCEPTORS, useClass: ApiEndpointInterceptor, multi: true }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
1
Markus 17 मई 2020, 15:51

2 जवाब

सबसे बढ़िया उत्तर

आलसी भरी हुई SubscriptionRoutingModule में "प्रदाताओं" को जोड़ें:

@NgModule({
  declarations: [OverviewComponent, PricingTableComponent],
  ...
  providers: [OverviewComponent,PricingTableComponent]
})
export class SubscriptionRoutingModule { }
1
Marc 17 मई 2020, 16:07

आपको अपने द्वारा बनाए गए मॉड्यूल से घटकों को निर्यात करना होगा और exports:[ ] में उनका उल्लेख करना होगा।

  exports: [
    OverviewComponent,
    PricingTableComponent,
  ]
0
Himanshu Singh 17 मई 2020, 15:54