angular - url绑定的角度vg-player源问题

Question

我在角度视频播放器中的源绑定有问题

我的变量campaign.campvideo 包含视频文件的网址

campaign.campvideo 包含“/assets/media/CAMVXXXX.mp4”

在这种情况下 ：

<video [vgMedia]="media" #media id="singleVideo" preload="auto" crossorigin >

     <source src="/assets/media/CAMVXXXX.mp4" type="video/mp4" >

</video>

有用 ！

但是当我尝试

<video [vgMedia]="media" #media id="singleVideo" preload="auto" crossorigin >
          <source  src={{campaign?.campvideo}} type="video/mp4" >
      </video>

它不工作

它尝试不同的绑定：

[src] = campaign?.campvideo
[src] = {{campaign?.campvideo}}
[src] = "{{campaign?.campvideo}}"

编辑：我在哪里检索活动数据

ngOnInit() {
    let id = this.route.snapshot.paramMap.get('id');

this.campaignService.getOneCampaign(id).then(
  (campaign: Campaign) => {
    this.campaign = campaign;
    this.unitcostvid = this.campaign.unitcost * this.campaign.durationvid;
    this.totalcost = this.unitcostvid * this.campaign.nbuser;
    console.log(campaign.campvideo); /*is good */
    return this.campaign;
  }
)

Answer 1

我在 HTML 中放了一个 *ngIf，它现在可以工作了！

<source *ngIf="campaign?.campvideo"  [src]=campaign?.campvideo type="video/mp4" >

谢谢大家^^