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 if html 标记（从头到包含样式表）是单个自闭合标记，它说明了解析器在执行 Angular 之前如何解析它。