[英]angularjs can't assign variable to html5 video src
I got an error of Error while interpolating: videos/{{video.name}}
with below code : Error while interpolating: videos/{{video.name}}
出现Error while interpolating: videos/{{video.name}}
,代码如下:
<div ng-repeat='video in videos'>
<div class="col-md-3">
<video controls>
<source src="videos/{{video.name}}" type="video/mp4">
Your browser does not support HTML5 video.
</video>
{{video.name}} // this worked
</div>
</div>
Tried ng-src too but doesn't work. 也尝试过ng-src,但不起作用。 Strange.
奇怪。
Use this filter, 使用这个过滤器
app.filter("trustUrl", ['$sce', function ($sce) {
return function (recordingUrl) {
return $sce.trustAsResourceUrl(recordingUrl);
};
}]);
HTML 的HTML
<video controls>
<source src="videos/{{video.name | trustUrl}}" type="video/mp4">
Your browser does not support HTML5 video.
</video>
Try this : 尝试这个 :
Html : HTML:
<div ng-app="myApp" ng-controller="MyCtrl">
<div ng-repeat='video in videos'>
<div class="col-md-3">
<video controls>
<source src="videos/{{video.name}}" type="video/mp4">
Your browser does not support HTML5 video.
</video>
{{video.name}} // this worked
</div>
</div>
</div>
JS : JS:
var myApp = angular.module('myApp',[]);
myApp.controller('MyCtrl',function($scope) {
$scope.videos = [
{"name":"alpha"},
{"name":"beta"},
{"name":"gama"}
]
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.