具有角指令删除的href

Question

我试图从一个角度（v1.2.28）指令

删除HREF或NG-的href属性时，该网址没有在它的字符串插值它工作正常。

能否请你帮我想出解决办法？

我只是做了这里的jsfiddle http://jsfiddle.net/gfvewv5u/1/

angular.module('ui.directives', []); 
angular.module('ui', ['ui.directives']); 

angular.module('ui.directives', []).directive('uiTool', 
    function() { 
    return { 
    restrict: 'EAC', 
    require: '?ngModel', 
    link: function($scope, element, attrs, controller) { 
     var controllerOptions, options; 
     attrs.$set('href', null); 
     element.removeAttr('href'); 
     element.text('iamfoo for what'); 
    } 
    }; 
}); 

angular.module('myApp', ['ui.directives']) 
    .controller('testCtrl', function($scope){ 
    $scope.val = 1; 
    }); 

和HTML

<div ng-app="myApp"> 
    <div ng-controller="testCtrl"> 
     <a ui-tool href="/test/ts/{{val}}" >Link need to be removed</a> 
     <a ui-tool href="/test/ts" >Link remove</a> 
    </div> 
</div> 

根据我的例子中，第一个链接还是得到了HREF 而第二连杆好好尝试一下

Answer 1

您需要销毁具有绑定值的元素上的作用域。 Angular会在内部跟踪这些绑定，并会重置href。

element.scope().$destroy(); 

像这样：

link: function($scope, element, attrs, controller) { 
    element.scope().$destroy(); 
    element.removeAttr('href'); 
    element.text('iamfoo for what'); 
} 

更新fiddle