Angular.js中输出标记之外的标记内的文本

时间:2013-08-16 07:32:13

标签: javascript html angularjs angularjs-directive

我在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在外面并且不会删除网址(如果从链接到标记,则会复制)。如果我使用属性它工作正常<div link url="http://google.com">google</div>出了什么问题?

以下是jsFiddle

1 个答案:

答案 0 :(得分:0)

我想我知道这个的原因,link if html标签(从头到包含样式表)是单个自闭标签,并且它解析了解析器在执行Angular之前如何解析它。 / p>