與querySelector使用唯一的ID在AngularJS

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 + "']");