在AngularJS中使用querySelector的唯一ID

Question

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

我有视频范围：

<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>

我点击第一个视频，然后确定，工作正常。但是当我点击另一个视频时，它会再次显示第一个视频。数据ID在脚本中应该是唯一的。 我该怎么做？谢谢！

Answer 1

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

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