angularjs，給視頻添加循環屬性

Question

可能在這裏丟失了一些簡單的東西，但是如何在我的指令中將'loop'屬性添加到視頻中？

我有一個變量videoLoop這是必然的指令雙向：

<video class="x-video" ng-src="{{vm.videoSrc}}" autoplay {{vm.videoLoop}}></video>

哪裏vm.videoLoop等於loop。儘管如此，這並不是內插的。

我也試過：

<video class="x-video" ng-src="{{vm.videoSrc}}" autoplay loop="{{vm.videoLoop}}"></video>

哪裏vm.videoLoop等於假。如果我這樣做，該屬性的計算結果爲true，並繼續循環。有任何想法嗎？

Answer 1

你vm.videoLoop計算結果爲true/false這樣的結果將是：

<video class="x-video" ..... loop="true/false"></video> 

屬性loop的價值並不重要，video標籤只需要loop屬性是存在激活循環。

例如，所有的波紋管video標籤激活循環：

<video loop> <video loop="true"> <video loop="false"> <video loop="x"> 

爲了實現自己的目標，請試試這個：

<video class="x-video" ng-src="{{vm.videoSrc}}" autoplay ng-attr-loop="{{vm.videoLoop || undefined}}"></video> 

我希望這會幫助你。

Answer 2

屬性綁定存在問題。嘗試 [loop] = 'vm.videoLoo'

Answer 3

使用

<video class="x-video" ng-src="{{vm.videoSrc}}" autoplay {{vm.videoLoop}}></video> 

我會怎麼做：

vm.videoloop = "loop" //when I want the video to play continuously 
vm.videoloop = "" //when I want the video to play just once