угловой нг-хрэф и свг хлинк

Я хотел бы получить некоторые сведения об использовании атрибутов пространства имен XML с угловым.

Проблема в angular идет с парой директив для обработки таких атрибутов записи, как href и src, когда angular проанализировал выражения (в противном случае браузер попытается загрузить{{mymodel.myimage}} как URL)

https://github.com/angular/angular.js/blob/master/src/ng/directive/booleanAttrs.js#L329

Проблема, с которой я сталкиваюсь, заключается в том, что я использую angular для вывода svg вместе с D3, и так как angular не имеет способа выводаxlink:href Я застрял.

Я создал пользовательскую директиву, которая выводит xlink: href

app.directive('ngXlinkHref', function () {
  return {
    priority: 99,
    restrict: 'A',
    link: function (scope, element, attr) {
      var attrName = 'xlink:href';
      attr.$observe('ngXlinkHref', function (value) {
        if (!value)
          return;

        attr.$set(attrName, value);
      });
    }
  };
});

Полная демонстрация:http://plnkr.co/edit/cMhGRh

Но кажется, что если я не добавлю xlink: href вручную к элементу, изображение svg не будет отображаться.

Будем весьма благодарны за любые предложения о том, как лучше всего обработать пространства имен / svg xml вместе с angular.

Ответы на вопрос(7)

Ваш ответ на вопрос