angular template src variable not working

Question

videoSrc variable not evaluating properly

images/{{videoSrc}}.mp4 

if i'm writing only videoSrc then its working propely but while concating with other string it is not working

see jsfiddle

Answer 1

是的，在video插入src或ng-src似乎已损坏，每当videoSrc更改时， videoSrc在指令的链接函数中手动创建元素。

Answer 2

You can use template: fn way see example bellow

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