如何在不使用*ngIf的情况下有条件地选择组件

我在组件内部循环消息,并希望在不使用的情况下选择适当的组件 *ngIf 。目前代码如下所示:

<div *ngFor="let message of messages">
    <app-message-1 *ngIf="message.type === 1" [message]="message"></app-message-1>
    <app-message-2 *ngIf="message.type === 2" [message]="message"></app-message-2>
</div>

我在想一些看起来更像哈希图事件的东西,尽管这是不可能的(伪代码):

html:

<div *ngFor="let message of messages">
    getComponent(message.type, message);
</div>

ts:

componentsHash = {
  1:Message1Component,
  2:Message2Component
}

getComponent( type:number, message:message ) {

  return ( new componentsHash[ type ]( message ) )

}