角度动态分配模板

Question

我需要使用@angularyoutube-player中的youtube播放器，但我需要videoId是动态的。是否可以将变量分配给组件装饰器？

我试过了，但得到一个错误。

const videoId = localStorage.setItem('videoId}', welcomeInfo.imageVideoUrl);

@Component({
  template: `<youtube-player
    videoId=${videoId}
    suggestedQuality="highres"
    [height]="600"
    [width]="1080"
    [startSeconds]="43"
    [endSeconds]="60">
  </youtube-player>`,
  selector: 'app-video'
})

Answer 1

要动态地分配一个videoId给 youtube-player 你可以做。

@Component({
  template: `<youtube-player
    [videoId]="videoId"
    suggestedQuality="highres"
    [height]="600"
    [width]="1080"
    [startSeconds]="43"
    [endSeconds]="60">
  </youtube-player>`,
  selector: 'app-video'
})