angular динамически назначать шаблон

Question

Мне нужно использовать проигрыватель youtube из @ angular / youtube-player, но мне нужно, чтобы videoId был Dynami c. Можно ли присвоить переменные декоратору компонентов?

Я пробовал это, но получаю сообщение об ошибке:

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'
})