Javascript 通过URL获取svg数据的Angular指令

我想创建一个angular指令，通过它可以获取svg数据。目前，我有以下指令-以下指令运行良好

    svgData.directive('myMap', function($http) {
        console.log("In directive");
        return {
            restrict: 'EAC',         
            templateUrl: 'path_name/myMap.tmpl.html',
            replace: true,
            scope: {                
                data: '='            
            },
            link: function(scope, element, attrs) {                                                                   
                  console.log(scope, element, attrs);                    
            }
        };
    });

在th myMap.tmpl.html中，我可以通过以下方式导入svg文件-

<embed type="image/svg+xml" src="http://localhost:8080/data/svg/myMap.svg"></embed>

现在我不想直接在我的模板上给出url。我想做一些像src={{scope}}或

---

任何建议

我本来打算推荐使用ngsrc来做您想要做的事情，但是很明显，这有一个问题，而且嵌入没有正确更新

请看最后一篇文章：

他的指令会允许你做你想做的事。只需在tempalate中使用它，并用包含url的scope变量替换{url}

<embed embed-src="{{url}}" type="image/svg+xml"></embed>

---

你解决了吗？可能不是。。。长时间！！！

<embed embed-src="{{url}}" type="image/svg+xml"></embed>