javascript - Angular 模板src变量不起作用

videoSrc变量评估不正确

images/{{videoSrc}}.mp4

如果我只编写videoSrc，则它可以正常工作，但是在与其他字符串一致的情况下，它不起作用

见jsfiddle

最佳答案

您可以使用模板：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