AngularJS傳遞變量從HTML到控制器上的href

Question

我知道基本的角度和我的工作中，我現在的hve這個代碼

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

一個項目，我有productId作爲一個硬編碼值。我想要的是，這個productId實際上是product.productId，在控制器中，當點擊它以獲取更多細節時，我可以使用這個productId。

這裏是我的ProductController

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

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

我想這http://localhost:8080/api/products傳遞一個queryParameter爲http://localhost:8080/api/products?id=XX其中id是由HTML我在上面放product.productId。

我該怎麼辦這個。

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

，也許只用一個對話框或燈箱