AngularJS passing variable from html to controller on href

Question

I know basic angular and i am working on a project in which i hve this code

<div>
    <a href="#!/views/products?productId=98" target="_blank">
        <img src="images/x-{{product.productId}}.png"/>
    </a>
</div>

Right now, I have productId as a hardcoded value. What i want that this productId is actually product.productId and in controller, I can use this productId when it is clicked to fetch further details.

Here is my ProductController

.controller('ProductCtrl',function($scope, $http) {
      $http.get('http://localhost:8080/api/products').

        success(function(data) {
              $scope.product = data;
        });
})

I want http://localhost:8080/api/products this to pass a queryParameter as http://localhost:8080/api/products?id=XX where id is product.productId from the html i put above.

How can i acehive this.

bresleveloper · Accepted Answer · 2016-07-27 23:28:31Z

1

<div>
    <a href="#" ng-click="getMoreDetails(product.productId)" target="_blank">
        <img src="images/x-{{product.productId}}.png"/>
    </a>
</div>

.controller('ProductCtrl',function($scope, $http) {
   $scope.getMoreDetails = function(id){
      $http.get('http://localhost:8080/api/products' + id).

        success(function(data) {
              $scope.product = data;
        });
})

and maybe just use a dialog or lightbox

answered Jul 27, 2016 at 23:28

bresleveloper

6,0743 gold badges35 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS passing variable from html to controller on href

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related