Get href Wert AngularJS

Question

Mein HTML

<a href="##product.like_url##" df-like-product class="icon-like trigger animated v-a-m" data-id="##product.id##" data-type="product" ng-class="{active:product.liked_by_user}"></a> 

I wan't den href Wert in meiner Anweisung zu bekommen, aber jedes Mal bekomme ich die Variablennamen

I ##product.like_url##

zurückgegeben werden, wenn Ich überprüfe das Element, das die URL korrekt ausgefüllt ist.

Dies ist meine Richtlinie

df.directives.directive('dfLikeProduct', function($window) { 
    return { 
    restrict: 'A', 
    link: function(scope, element, attrs) { 
     // Props 
     var $element = $(element); 
     var $amount = $element.prev(); 
     var url = $element.attr('href'); 

     // Methods 
     var likeProduct = function(){ 
     $.post(url, function(data){ 
      if (data == 1) { 
      element.removeClass('unlike').addClass('active like'); 
      var num = parseFloat($amount.text()); 
      $amount.text(++num); 
      } else if (data == -1) { 
      element.removeClass('active like').addClass('unlike'); 
      var num = parseFloat($amount.text()); 
      $amount.text(--num); 
      } 
     }).fail(function(){ 
      $window.location.href = '/login'; 
     }); 
     } 


     // Listeners 
     $element.on('click', function(e){ 
     e.preventDefault(); 
     console.log(url); 
     //likeProduct(); 
     }); 


     // Init 

    } 
    }; 
}); 

Answer 1

Zuerst Sie ng-href statt nur href verwenden müssen.

https://docs.angularjs.org/api/ng/directive/ngHref

Und Sie können diese $link.attr('ng-href');

hier mit bekommen, ist ein weiterer nützlicher Link: https://docs.angularjs.org/api/ng/function/angular.element