Question

我有一个ng-repeat，我必须更新ng-repeat显示的所有值的“frais”。此代码仅更新最后一个值。我怎么办才能更新全部呢？

file.html

<ion-content class="padding" ng-controller="FactureAdminCtrl" ng-repeat = "selectedName in selected">

<ion-list ng-repeat = "selectedName in selected">
          <div class="item item-divider center-text" name="codeE" ng-model="selectedName.CodeEnvoiColis"> {{selectedName.CodeEnvoiColis}} </div>  

          <label class="item item-input">
          <input width="20%" type="text" placeholder="Frais" ng-model="selectedName.FraisFact" style="color:#BA1B1B;"></div> 
          </label>
</ion-list>  

<a class="button button-info" href="#/factureAdmin" ng-click=updateFact(selectedName)> Submit </a>

app.js

 $scope.updateFact = function(selectedName){ 

           $http.post(  
                "http://localhost/deb/insertFact.php",  
                { 

                'FraisFact':$scope.selectedName.FraisFact,
                'CodeEnvoiColis':$scope.selectedName.CodeEnvoiColis,
              }
           ).success(function(data){  
                alert(data);                                
           });  
    }

Answer 1

您必须为HTML元素使用唯一的模型或名称看看这个简单的例子：

<ion-list ng-repeat = "selectedName in selected">
 <input type="text" class="form-control" ng-model="doc.title[$index]"  name="doc_{{$index}}">
</ion-list>

Answer 2

    <ion-content class="padding" ng-controller="FactureAdminCtrl"  ng-repeat = "selectedName in selected">   
    <ion-list ng-repeat = "selectedName in selected track by $index">
              <div class="item item-divider center-text" name="codeE" ng-model="selectedName.CodeEnvoiColis" > {{selectedName.CodeEnvoiColis}} </div>

              <label class="item item-input">
              <input width="20%" type="text" placeholder="Frais" data-comment= "selectedName.FraisFact" ng-model="FraisFact[$index]" name="FraisFact{{$index}}" style="color:#BA1B1B;"></div> 

              </label>
    </ion-list>
<a class="button button-info" href="#/factureAdmin" ng-click=insertFact(selectedName)> Ajouter </a>

AngularJS：如何用一个按钮更新ng-repeat的所有值？

2 个答案: