如何在angular 5中将动态数据发送到popover

import { PopoverModule } from 'ngx-bootstrap/popover';

@NgModule({
  imports: [
    // 其他模块
    PopoverModule.forRoot()
  ],
  // 组件声明和提供者
})
export class YourModule { }

<button type="button" class="btn btn-primary" [popover]="dynamicContent" popoverTitle="动态数据">点击我</button>

<ng-template #dynamicContent>
  <div>
    这是动态数据的内容
  </div>
</ng-template>

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

@Component({
  selector: 'your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  @ViewChild('dynamicContent') dynamicContent: TemplateRef<any>;
  
  // 定义一个变量来存储动态数据
  dynamicData: string = '初始数据';
  
  // 更新动态数据的方法
  updateDynamicData() {
    this.dynamicData = '新的动态数据';
  }
}

<button type="button" class="btn btn-primary" (click)="updateDynamicData()">更新数据</button>