范围内的 Angular SVG URL 在 Safari 中不起作用答案

【问题标题】：Angular SVG URL from scope does not work in Safari范围内的 Angular SVG URL 在 Safari 中不起作用
【发布时间】：2015-06-25 09:03:30
【问题描述】：

我正在尝试在我的 Angular 应用程序中动态设置 SVG 的 URL。

在我的控制器中，我有：

$scope.svg = "http://url/of/svg.svg"

在我的 HTML 中，我有：

<object type="image/svg+xml" data="{{svg}}" />

在 Chrome 和 Firefox 上，当我加载我的页面时，我首先为 {scope} 收到 404，然后我收到对 http://url/of/svg.svg 的成功请求。图像显示正确。

但在 Safari 中，我只为 {scope} 获得 404，它从不尝试请求 SVG。没有图像显示。

为了让 Safari 尊重 SVG 的范围变化，我需要做些什么特别的事情吗？

【问题讨论】：

【解决方案1】：

我可以通过将“data”更改为“ng-attr-data”来解决此问题，这意味着浏览器尝试加载的第一个 URL 是正确的 URL。

<object type="image/svg+xml" ng-attr-data="{{svg}}" />

【讨论】：