Javascript 范围中的角度SVG URL在Safari中不起作用

（普朗克尔：）

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

在我的控制器中，我有：

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

在我的HTML中，我有：

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

在Chrome和Firefox上，当我加载我的页面时，我首先得到了一个404的

{scope}

，然后我得到了一个成功的

http://url/of/svg.svg

。图像显示正确

但是在Safari中，我只得到了404 for

{scope}

，它从不尝试请求SVG。不显示任何图像

---

要让Safari尊重SVG的范围更改，我需要做些什么特别的事情吗？

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

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