在奥雷利亚重复中渲染不同的au-target-id

时间:2019-05-08 16:59:07

标签: javascript aurelia

repeat.for周期内,我的“视频”标签正在使用相同的au-target-id进行渲染。不要让我为列表中的每个项目引用唯一元素。

<div class="video-player flex-1" repeat.for="channel of selectedChannels">
   <div class="video-overlay-container"><span>${channel.name}</span></div>
   <video muted.bind="mute" element.ref="channel.el" loadeddata.trigger="onLoadeddata(channel)"
   play.trigger="onPlay()" pause.trigger="onPause()" timeupdate.trigger="onTimeUpdate(channel)">
   </video>
</div>

我期望每个au-target-id元素上都有不同的<video>,但是所有生成的<video>元素都具有相同的au-target-id

enter image description here

1 个答案:

答案 0 :(得分:3)

au-target-id将channel.name绑定到id属性,并且显然起作用(Dashcam前面板和Dashcam后面板)。 au-target-id与之无关。 {{1}}适用于Aurelia内部人员。