AngularJS Variable aus HTML vorbei an den Controller href

Question

I Grundwinkel kennen und ich arbeite an einem Projekt, in dem ich hve diesen Code

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

Gerade jetzt, ich habe productId als hartcodierte Wert. Was ich will, dass diese productId eigentlich product.productId ist und in Controller, kann ich diese productId verwenden, wenn es geklickt wird, um weitere Details zu holen.

Hier ist meine ProductController

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

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

ich http://localhost:8080/api/products möchte diese ein queryParameter passieren, wie http://localhost:8080/api/products?id=XX wo id product.productId vom html i oben setzen.

Wie kann ich dies acehive.

Answer 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; 
     }); 
}) 

und vielleicht verwenden nur einen Dialog oder Leuchtkasten