HTML javascript how to chnage target value for href

Question

I am trying to change the target of

 <a ng-hide="cart.getTotalCount() < 1" class="btn btn-primary btn-block" href="./Checkout"> 

My intention is to pass one parameter to Checkout method depending on circumstance. I want to achieve this in HTML/Javascript

Answer 1

To answer your question you can do :

<a ng-hide="cart.getTotalCount() < 1" class="btn btn-primary btn-block" ng-href="{{computeCheckoutUrl()}}">

And you can have in your controller something like

$scope.computeCheckoutUrl = function() {
   if (test)
     return './Checkout?var=2';
   return './Checkout';
};

But I recommend you to take a look at built-in tools like ngRoute to do things like that.