ng-hrefでng-clickでパラメータを渡すには？

Question

実際、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はまったく実行されません。..

どうぞよろしくお願いします。

Answer 1

こんにちはあなたはNG-モデルを使用している理由は、最初の行で

<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> 

• のようないくつかの混乱がありますか？
• ng-href = "/＃/ singleproduct"を使用している場合は、ルートとコントローラが変更されます。つまり、関数 "$ scope.currentProductId"は実行されません。

• ソリューション1がある：あなたが

  NG-hrefのようHREFにIDを渡すことができますどちらか= "/＃/ singleproduct" + product.idと削除

• ソリューション2がある機能NGをクリックします：ngの-href = "＃"を入力し、ng-click機能を使用してルートを変更します。