如何有条件地导入角模块内的组件？

Question

我正在研究一个角度应用，我需要在条件的基础上导入组件。我可以通过在浏览器上渲染的其他方法来实现此目标我构建了这个，然后将其插入DOM。有人可以帮我吗？这是我的代码。

home.module.ts

    import { CommonModule } from '@angular/common';  
    import { NgModule } from '@angular/core';
    import { HomeComponent } from './home.component';
    import { AboutUsComponentA } from './about-us-A.component';
    import { AboutUsComponentB } from './about-us-B.component';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

    const isAboutusA = true
    @NgModule({
      declarations: [
        HomeComponent,
        CollectionHomeComponent,
        BlogSectionComponenet,
        isAboutusA === true ? AboutUsAComponent:  AboutUsBComponent,// I need to achieve this, in this way this is not working. 
     
      ], 
      imports: [
        CommonModule,
        BrowserAnimationsModule
      ],
    providers: []

   
    
})
export class HomeModule { }

关于usaComponent

import { Component } from ‘@angular/core’;
 @Component({
   template: ‘<div>This is the AboutUs A Component </div>’,
    styles: [‘:host {color: blue}’]
 })
export class AboutUsAComponent {}

关于usbcomponent

import { Component } from ‘@angular/core’;
 @Component({
   template: ‘<div>This is the About Us B Component </div>’,
    styles: [‘:host {color: blue}’]
 })
export class AboutUsBComponent {}

homecoment

 import { Component } from ‘@angular/core’;
     @Component({
       template: ‘<div>This is the Home component
             <AboutUsAComponent></AboutUsAComponent>
             <AboutUsBComponent></AboutUsBComponent>
       </div>’,
        styles: [‘:host {color: blue}’]
     })
    export class HomeComponent {}