Daniel, your code is excellent... I used this to remove a gigant browser 
console error list, when I use <svg> with angular to define coordinates.

my directive:

directive('svgEl', function() {
    return function(scope, element, attr) {
        attr.$observe('svgElCx', function(val) {
            element.attr("cx", val);
        });
        attr.$observe('svgElD', function(val) {
            element.attr("d", val);
        });
    };
});

and some uses:

<svg> 
    <path class="join" svg-el svg-el-d="M{{p.order * 15 + 3}} 37 L{{p.order 
* 15 + 13}} 37" fill="none" stroke-width="1"/>
    <circle class="bubble" svg-el svg-el-cx="{{p.order * 15 + 13}}" cy="37" 
r="3" />
</svg>



-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to