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>'
    }
});

ただし、このテキストを使用すると、Google は外部にあり、URL は削除されません (リンクからタグへの場合はコピーされます)。属性を使用すると正常に動作します<div link url="http://google.com">google</div>何が問題なのですか?

ここに
jsFiddleがあります。