在ng-repeat的img标签中的数据原始属性中转义链接

Question

我在控制台中看到我的浏览器正在向一个不存在的链接发出请求，因为我将它放在我的图像的数据原件中。但这是一个格式错误的网址。下面给出了这样的样本：

http://localhost:8080/%7B%7Bobject.array[0].url%7D%7D

我在ng-repeat中有一个<img src="" />标签。我希望我的数据原始属性被url编码，并且还阻止javascript进行这样的调用

{{object.array[0].url}}

给出了。

示例代码如下：

<div ng-repeat="object in objects">
    <img src="constant.jpg" data-original="{{object.array[0].url}}" />
</div>

我不能在这里使用ng-src，因为src属性中给出的图像链接在这里是常量。

Answer 1

尝试使用ngAttr指令绑定您的属性

<img src="constant.jpg" ng-attr-data-original="{{object.array[0].url}}" />

这可以防止在绑定发生之前看到属性值的任何内容

要转义网址，您需要this回答中的内容。