Xóa href với chỉ thị góc

Question

Tôi đang cố gắng loại bỏ href hoặc các thuộc tính ng-href khỏi một góc (v1.2.28) Chỉ thị

hoạt động tốt khi url không có nội suy chuỗi trong đó.

Bạn có thể giúp tôi tìm ra điều này không?

Tôi chỉ cần thực hiện một jsfiddle đây 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; 
    }); 

Và 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> 

Dựa trên ví dụ của tôi mắt xích đầu tiên vẫn có những href trong khi liên kết 2 doens't

Answer 1

Bạn cần phải phá hủy phạm vi trên phần tử có giá trị ràng buộc. Angular theo dõi các ràng buộc bên trong, và sẽ thiết lập lại href.

element.scope().$destroy(); 

như vậy:

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

cập nhật fiddle