如何在angular中使用相同的选择器实现不同的输出

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

@Component({
  selector: 'app-component',
  template: `
    <div *ngIf="condition === 'output1'">输出1</div>
    <div *ngIf="condition === 'output2'">输出2</div>
  `,
})
export class AppComponent {
  condition: string = 'output1';
}

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

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

@NgModule({
  imports: [BrowserModule],
  declarations: [AppComponent],
  bootstrap: [AppComponent],
})
export class AppModule {}

// app.component.html
<div>
  <h1>My Angular App</h1>
  <app-component></app-component>
</div>