当我单击按钮时，我的内容会出现在Angular 2应用程序的同一页上

import { Component } from '@angular/core';

@Component({
  selector: 'app-button',
  template: `
    <button (click)="showContent()">点击我显示内容</button>
    <div *ngIf="content">{{ content }}</div>
  `
})
export class ButtonComponent {
  content: string;

  showContent() {
    // 在这里设置要显示的内容
    this.content = "这是要显示的内容";
  }
}

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { ButtonComponent } from './button.component';

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

<app-button></app-button>