如何在Angular4中将html添加到弹出窗口

npm install ngx-bootstrap --save

import { Component } from '@angular/core';
import { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  modalRef: BsModalRef;

  constructor(private modalService: BsModalService) {}

  openModal(template: any) {
    this.modalRef = this.modalService.show(template);
  }
}

<button (click)="openModal(template)">Open Modal</button>

<ng-template #template>
  <!-- 这里可以添加要显示的HTML内容 -->
  <h1>Hello, World!</h1>
</ng-template>

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

@Component({
  selector: 'app-modal',
  templateUrl: './modal.component.html',
  styleUrls: ['./modal.component.css']
})
export class ModalComponent {
  @Input() content: string;
}

<div class="modal-body">
  <div [innerHTML]="content"></div>
</div>