无法向元素动态添加 angular 指令

Question

我正在尝试将 ng-srcset 添加到 link 函数中的图像。当我传递一个像“./temp/img3.jpg”这样的常量字符串时，它可以正常工作并将 ng-srcset 添加到我的图像中。

link :function(scope,element){
    element.attr("ng-srcset","./temp/img3.jpg");
    $compile(element)(scope);
}

但是当我尝试将变量（已检查并具有有效值）作为 attr 值传递时，ng-srcset 未添加到 img。

link :function(scope,element){
    //scope.imageSource => ./temp/img3.jpg
    element.attr("ng-srcset",scope.imageSource);
    $compile(element)(scope);
}

Answer 1

如评论中所述，当您可以直接使用内插变量值分配时，无需通过指令应用 ng-srcset 属性。

documentation for ng-srcset 还包含一个示例，其中规定了插值的使用。

无法向元素动态添加 angular 指令

cannot add angular directive to element dynamically

dynamic

angularjs

angularjs-directive