Получить 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##

когда я проверяю элемент правильно заполнен 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