我想写
HTML类似于：
<a href="sharedasset: img.png">test</a> <img src="sharedasset: img.png"/>
并且有一个名为“sharedasset”的指令可以获取img.png的完整路径,并设置属性的值,而不需要知道属性名称提前的指令.这可能吗？
更新
自从我最初发贴以来,Angular已经有了一些改进,我以为我会分享我现在所做的一切.在HTML中,我使用Guido Bouman的答案,即创建一个过滤器,现在使用Angular的绑定功能,这使得它成为我看来最好的选择.
在JS代码中,我只是在静态内容服务器上托管的资产的任何路径(如{templateUrl：“static / someTemplate.html”})上添加静态字,然后使用Angular HTTP Interceptor查找任何路径以“static”开头,并将其替换为静态服务器的域.非常简单,让我不必在任何地方注入$filter和/或globalVars常量.
<a full-path="img.png">test</a> <img full-path="img.png">
app.directive('fullPath',function() {
return {
link: function(scope,element,attrs) {
var fullPathUrl = "http://.../";
if(element[0].tagName === "A") {
attrs.$set('href',fullPathUrl + attrs.fullPath);
} else {
attrs.$set('src',fullPathUrl + attrs.fullPath);
}
},}
});
