[英]How to pass parameter with ng-click in a ng-href?
實際上,我得到了一個產品列表,並且由於具有ng-href中的ng-click功能,因此我想在單擊ng-href時傳遞當前的產品ID。
這是我的html文件:
<div class="agile_top_brands_grids" ng-model="products" ng-repeat="product in products">
<div class="col-md-4 top_brand_left">
<div class="hover14 column">
<div class="agile_top_brand_left_grid">
<div class="agile_top_brand_left_grid_pos">
<img src="../../resources/images/offer.png" alt=" "
class="img-responsive" />
</div>
<div class="agile_top_brand_left_grid1">
<figure>
<div class="snipcart-item block">
<div class="snipcart-thumb">
<a ng-href="/#/singleproduct"
ng-click="currentProductId(product.id)">
<img src="../../resources/images/hh4.png">
</a>
<p>{{product.name}}</p>
<h4>{{product.price}}</h4>
</div>
</div>
</figure>
</div>
</div>
</div>
</div>
我試圖像這樣在控制器中獲取ID:
$scope.currentProductId = function (productId) {
console.log("Hello");
console.log(productId)
}
但是$ scope.currentProductID根本不執行。
有什么想法嗎?
你好,有些混亂
<div class="agile_top_brands_grids" ng-model="products" ng-repeat="product in products">
<div class="col-md-4 top_brand_left">
<div class="hover14 column">
<div class="agile_top_brand_left_grid">
<div class="agile_top_brand_left_grid_pos">
<img src="../../resources/images/offer.png" alt=" " class="img-responsive" />
</div>
<div class="agile_top_brand_left_grid1">
<figure>
<div class="snipcart-item block" >
<div class="snipcart-thumb" >
<a ng-href="/#/singleproduct" ng-click="currentProductId(product.id)"><img src="../../resources/images/hh4.png"></a>
<p>{{product.name}}</p>
<h4>{{product.price}}</h4>
</div>
</div>
</figure>
</div>
</div>
</div>
</div>
解決方案1是:您可以像這樣在href中傳遞id
ng-href =“ /#/ singleproduct” + product.id並刪除ng-click函數
解決方案2是:ng-href =“#”並使用ng-click函數更改路由。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.