Угловая SVG URL из области не работает в Safari

Question

(Plunkr: http://plnkr.co/edit/S0nSaeFU2TjSSDgvTL3s?p=preview)

Я пытаюсь динамически установить URL в качестве SVG в моем приложении угловым.

В мой контроллер у меня есть:

$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 для {scope}, он никогда не пытается запросить SVG. Изображение не отображается.

Есть ли что-то особенное, что я должен сделать, чтобы заставить Safari уважать изменения области для SVG?

Answer 1

Я смог исправить это, изменив «данные» на «ng-attr-data», что означало, что первым URL-адресом, который браузер пытался загрузить, был правильный URL-адрес.

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

http://plnkr.co/edit/KRicytAH1PtoVddrDEn5?p=preview