Javascript angularjs，将循环属性添加到视频

这里可能缺少一些简单的内容，但是如何在指令中将“loop”属性添加到视频中

我有一个变量

videoLoop

，它双向绑定到指令：

其中

vm.videoLoop

等于

loop

。但这并不是插值

我也试过：

---

其中，

vm.videoLoop

等于false。如果我这样做，该属性的计算结果为true，它将继续循环。有什么想法吗？

属性绑定有问题。尝试

---

[loop]=“vm.videoLoo”

您的

vm.videoLoop

计算结果为

true/false

，因此结果将是：

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

要实现您的目标，请尝试以下方法：

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

我希望这将对您有所帮助。

使用

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

---

这不管用。代码不是插值的，所以它只显示{{vm.videoLoop}}，而不是'loop'的绑定值，这是另一个更新！简短的解决方案，无需在代码中进行太多更改！这看起来很接近，但是{{vm.videoLoop？“loop”：“}}}在像这样的标记中时，没有为我解析它？它在视频标签之外工作正常。@userqwert这要归功于angular 2语法

<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