角度模板src变量不起作用

Question

videoSrc变量未正确评估

images/{{videoSrc}}.mp4 

如果我只编写videoSrc，那么它的工作正常，但在与其他字符串结合时它无法正常工作

请参阅jsfiddle

Answer 1

在src中插入ng-src或video似乎已经中断了，只要videoSrc更改，您最好在指令的链接函数中手动创建元素。< / p>

Answer 2

您可以使用模板：fn方式参见下面的示例

angular.module('myApp', []).directive('videoPopup', function() {
    return {
        strict: 'A',
        scope: {
            videoSrc: '@'
        },
        replace:true,
        template: function(tElem, tAttrs){
            return '<video width="100%" controls><source 
src="images/'+tAttrs.videoSrc+'.mp4" type="video/mp4"><source src="images/'+tAttrs.videoSrc+'.webm" type="video/webm"></video>'

        } 
    }
});

working fiddle