Я изучаю Угловое 2. Для этого я пытаюсь создать базовый пример.Угловая 2 - как мне привязать атрибут SVG к свойству компонента?
У меня есть класс с переменной, содержащей эту строку: M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z
Я пытаюсь использовать эту строку в качестве параметра для элемента SVG
Просто проверить:
Это SVG работы:
<svg fill="white" height="64" width="64">
<path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
</svg>
переменная icon
в шаблоне содержит правильную строку. Я пытаюсь сделать так:
<svg fill="black" height="24" width="24">
<path d={ icon } />
</svg>
И Добавление "
к параметру d
. Но я не могу заставить его работать
Интерполяция осуществляются с двойными фигурными скобками {{classVariable}} – sbedulin
Это работает как текст, но не в качестве параметра – Pablo
Да , Я не прав. От ссылки Марка к документам «интерполяция и привязка свойств могут устанавливать только свойства, а не атрибуты» https://angular.io/docs/ts/latest/guide/template-syntax.html#!#other-bindings – sbedulin