AngularJS directive for SVG 'use' sprite

gistfile1.txt

'use strict';

angular.module('ngSvg', [])

    .directive('usesvg', [function(){
        return {
            restrict : 'E',
            replace: true,
            controller : ['$scope',  function($scope){

            }],
            scope: {
                useid:'@'
            },
            template: '<svg><use xlink:href=""/> </svg>',
            link:function(scope, svg, attrs){

                svg.attr('viewBox', document.getElementById(attrs.useid).getAttribute('viewBox'));
                svg.children().attr('xlink:href', '#' + attrs.useid);
            }
        };
    }])

This looks like it will solve a problem I've just run into (and this is my first outing with Angular). Do you have an example of it in use? That would be superb.