Javascript 在AngularJS中对querySelector使用唯一ID

我有这样的视频范围：

<video width="840" data-id="#{{$index}}">
    <source src="{{box.video}}" type="video/mp4">
</video>

我点击了第一个视频，然后就可以了，效果很好。但当我点击另一个视频时，它会再次显示第一个视频。数据ID在脚本中应该是唯一的。

---

我怎么做？谢谢

您只需选择第一个具有[data id]属性的对象。自然每次都是相同的元素。相反，您需要这样做：

<script>
    video = document.querySelector("[data-id]");
    function playVideo() {
      video.play();
    }
    function stopVideo() {
      video.pause();
    }
    function pauseVideo() {
      video.pause();
    }
    function skip(value) {
      video.currentTime += value;
    }      
 </script>

---

如果我尝试使用querySelector{{$index}，它的getting synthax错误。显示完整的代码

video = document.querySelector("[data-id='" + yourIndex + "']");