Angular Component使用另一个使用导入模块的组件-组织？

ng generate module shared
ng generate component shared/component-b
ng generate module feature-a
ng generate component feature-a/component-a

// shared/shared.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ComponentB } from './component-b.component';

@NgModule({
  declarations: [ComponentB],
  imports: [CommonModule],
  exports: [ComponentB] // 导出组件以便其他模块使用
})
export class SharedModule {}

// feature-a/feature-a.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ComponentA } from './component-a.component';
import { SharedModule } from '../shared/shared.module';

@NgModule({
  declarations: [ComponentA],
  imports: [CommonModule, SharedModule] // 导入共享模块
})
export class FeatureAModule {}

// feature-a/component-a.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-component-a',
  template: `<app-component-b></app-component-b>`
})
export class ComponentA {}