I need to write something like ``` html <svg> <circle ng-bind-attr="{cx: cx, cy: cy, r: r}"></circle> </svg> ``` because if I instead write ``` html <svg> <circle cx="{{cx}}" cy="{{cy}}" r="{{r}}"></circle> </svg> ``` the browser throws errors like ``` Error: Invalid value for <circle> attribute cx="{{ cx }}" ``` because Angular has not yet replaced the values of these attributes by the time the element is parsed. It looks like Angular used to have ng-bind-attr which would solve exactly this problem, but it was taken out in https://github.com/angular/angular.js/commit/5502 / https://github.com/angular/angular.js/blob/master/CHANGELOG.md#100rc3-barefoot-telepathy-2012-03-29 and I have been unable to find any documentation of why it was taken out and what you're supposed to use instead. Can anyone shed some light on this?
I need to write something like
because if I instead write
the browser throws errors like
because Angular has not yet replaced the values of these attributes by the time the element is parsed.
It looks like Angular used to have ng-bind-attr which would solve exactly this problem, but it was taken out in 5502 / https://github.com/angular/angular.js/blob/master/CHANGELOG.md#100rc3-barefoot-telepathy-2012-03-29 and I have been unable to find any documentation of why it was taken out and what you're supposed to use instead. Can anyone shed some light on this?