文本内标签在Angular.js

Question

输出标签之外我在HTML链接标签：

<link url="http://google.com">google</link> 

和代码把它转换为<a>标签：

app.directive('link', function() { 
    return { 
     restrict: 'E', 
     transclude: true, 
     replace: true, 
     scope: { 
      url: '@' 
     }, 
     template: '<a href="{{url}}" ng-transclude></a>' 
    } 
}); 

但是使用这个文本谷歌在外面，URL不会被删除（如果从链接到标签，它会被复制）。如果我使用属性，它工作正常<div link url="http://google.com">google</div>有什么问题？

这是
jsFiddle。

Answer 1

我想我知道这个原因，link如果html标记（即从头到包含样式表），这是单个自闭标记，并且它解析了分析器在Angular执行之前如何解析它。