與將組件添加到Angular6中的另一個組件有關的問題

Question

我有Angular 6 Web應用程序。

我有以下結構：

src
 -app
   -auth  - folder
       -auth.component.html               
       -auth.component.scss
       -auth.component.ts 
       -auth.module.ts 
   -car-details  - folder
       -binning-table  - folder
             -binning-table.component.html
             -binning-table.component.ts
             -binning-table.component.scss
       -car-detail.component.html
       -car-detail.component.ts
       -car-detail.component.scss
       -car-detail.module.ts
    -import-binning   - folder
        -import-binning.component.html
        -import-binning.component.scss
        -import-binning.component.ts
   -app.component.html
   -app.component.scss
   -app.component.ts
   -app.module.ts

現在，將car-detail module注冊到auth.module.ts並將authModule注冊到app.module 。

我想將binning-table component加載到import-binning.html

為了將一個組件加載到另一個組件應該進行哪些更改。

我需要在哪個模塊中注冊哪種連接

謝謝

Answer 1

我們不需要注冊模塊，而是在需要時導入它，一個模塊可以導入到多個模塊（例如共享模塊）中。

但是我們只能在一個模塊中聲明一個組件，如果我們需要在另一個模塊中使用相同的組件，則可以從同一模塊中導出該組件，然后將該模塊導入到需要的模塊中

例如，如果我們有一個在模塊名稱module1中聲明的名稱為A的組件，並且如果我們需要在其他模塊（即模塊2）中使用相同的組件，則執行類似的操作。

@NgModule({
declarations: [
 Acomponent
],
exports: [
 Acomponent
 ]
})
export class Module1 {}

@NgModule({
 imports: [Module1]
})
export class Module2

通過使用以上語法，我們可以在module1和module2中使用AComponent，通常，在整個應用程序中共享的組件通常都將它們放在共享模塊中。

Answer 2

您無需在“ app.module.ts”中聲明“ BinningTableComponent”，而需要在“ car-details.module.ts”中聲明。 您需要在導出數組中包含相同的組件“ BinningTableComponent”。

所以car-details.module => auth.module => app.module。 您可以在app.component.ts中訪問“ BinningTableComponent”。

請參閱stackblitz代碼https://stackblitz.com/edit/angular-ivnodq