如何在使用AngularJS的HTML頁面中使用ng-repeat？

Question

我需要五個獨立的領域基礎上的實際價格，並提供我需要找到最終的價格 這是我的HTML代碼示例

addproduct.html

<tbody ng-repeat="a in [1,2,3,4,5]"> 
     <tr> 
     <th scope="row">{{a}}</th> 
     <td><input type="text" class="form-control" placeholder="0" style="width:70%; line-height:1.5" ng-model="product.pModel"></td> 
     <td><input type="text" class="form-control" placeholder="0" style="width:70%; line-height:1.5" ng-model="product.actualPrice" max="2" limit-decimal></td> 
     <td><input type="text" class="form-control" placeholder="0" style="width:50%; line-height:1.5" ng-model="product.offer" numbers-only></td>   
     <td> 
      <label class="checkbox-inline" ng-init="data.check=true"> 
        <input type="checkbox" id="inlineCheckbox" value="option" ng-change="product.availablity = data.check ? '' : 0" ng-model="data.check"> Unlimited 
      </label> 
     </td> 
     <td><input class="form-control" type="text" id="availablity" name="availablity" ng-disabled="data.check0" ng-model="product.availablity" ></td> 
     <td class="text-center"> <b ng-model="finalPrice" ng-bind="finalPrice=product.actualPrice-(product.actualPrice*product.offer/100)"></b></td>   
     </tr> 

    </tbody> 

我怎樣才能節省使用JSON格式數據angularjs

當我保存提交按鈕，我需要的輸出作爲

script.json

product : [ 
      { 
       "pModel" : "50gm", 
       "actualPrice" : "250", 
       "offer" : 0, 
       "availablity" : "0" 
      }, 
      { 
       "pModel" : "50gm", 
       "actualPrice" : "250", 
       "offer" : 0, 
       "availablity" : "0" 
      } 
       .....upto 5 fields   
      ] 

在這裏，當我進入這個領域中的任何一個會影響整場

Answer 1

This應該幫助你看着辦吧。

您的產品變量是一個數組，所以喜歡它的陣列，而不是對象，你應該訪問 - product[$index].fieldName