要实现动态显示组件的功能，可以使用Angular的动态组件加载特性。以下是一个示例的解决方法：

1. 首先，在你的应用中创建一个动态组件的容器。可以使用元素或者通过一个组件来承载动态组件。

  加载组件
  

2. 在组件类中导入动态组件所需的模块和组件。

// app.component.ts
import { Component, ComponentFactoryResolver, ViewChild, ViewContainerRef } from '@angular/core';
import { DynamicComponent } from './dynamic.component';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  @ViewChild('dynamicComponentContainer', { read: ViewContainerRef }) container: ViewContainerRef;

  constructor(private componentFactoryResolver: ComponentFactoryResolver) {}

  loadComponent() {
    // 使用 ComponentFactoryResolver 创建动态组件
    const factory = this.componentFactoryResolver.resolveComponentFactory(DynamicComponent);
    // 使用 container 创建组件实例
    const componentRef = this.container.createComponent(factory);
    // 可以对动态组件进行一些操作
    componentRef.instance.property = '动态组件';
  }
}

3. 创建一个动态组件并实现所需的功能。

// dynamic.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-dynamic',
  template: '
{{ property }}
'
})
export class DynamicComponent {
  property: string;
}

在上述示例中，点击“加载组件”按钮时，会动态加载一个DynamicComponent组件，并给它的property属性赋值。这样，动态组件就会显示在页面上。

请注意，要使动态组件加载成功，需要在模块中声明并将其加入到entryComponents数组中。

// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';
import { DynamicComponent } from './dynamic.component';

@NgModule({
  declarations: [
    AppComponent,
    DynamicComponent
  ],
  imports: [
    BrowserModule
  ],
  entryComponents: [DynamicComponent], // 添加动态组件到 entryComponents 数组中
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

这样就完成了在Angular中动态显示组件的功能。