我正在构建一个带有角度的自定义视频组件,并在外部传递源。不使用组件时,视频显示良好。使用该组件时,即使我可以看到源确实成功传入(通过检查元素),视频也不会显示。我有一种感觉,这在某种程度上与生命周期有关。
代码:
主页:
<customvideo srcs="video.srcs"></customvideo>
(video.srcs 是 src url 和 mimetypes 的列表)
零件:
angular.module('home.app').component('customvideo', {
templateUrl: ['config', function(config) {
return config.TEMPLATES_URL + 'customvideo.template.html';
}],
bindings: {
srcs: '<'
},
controller: ['config','UserRest', 'CultureRest', 'tSpaceRest', function HomeController(config, UserRest, CultureRest, tSpaceRest) {
var vm = this;
}]
})
最后是模板:
<video class="full-video">
<source ng-repeat="src in $ctrl.srcs" ng-src="{{src.url | trustUrl}}" type="{{src.mimeType}}"/>
</video>
编辑:问题实际上并不像我想象的那样与 REST 调用有关。手动将源插入组件仍然没有显示视频。我将不得不查看并尝试破译我的和 Mathieu 的不同之处