javascript - 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

我想我知道原因，linkif html 标记（从头到包含样式表）是单个自闭合标记，它说明了解析器在执行 Angular 之前如何解析它。