获取href的值Angularjs

Question

我的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> 

我wan't在我的指令来获取href的值，但每次我得到的变量名

我得到恢复##product.like_url##

时我检查网址是否正确填写的元素。

这是我的指令

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

起初，你需要使用ng-href，而不只是href。

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

你可以使用这个$link.attr('ng-href');

这里得到的是另外一个有用的链接： https://docs.angularjs.org/api/ng/function/angular.element