AngularJS - dinamik bir tablodaki giriş kutusunun güncelleme değeri düğmesini tıklatın

Question

Çeşitli Stackoverflow kaynaklarını işaretledikten sonra, bunu Yapmanın Açısal yolunu hala anlayamıyorum gibi görünüyor. Sadece bir Id sütununa ve başka bir metin sütununa (giriş kutusu) sahip olan HTML tablosu, ng-yineleme yoluyla dinamik olarak doldurulur. Sonra giriş kutusunun içinde gösterilen her bir kayıt için "update" ve "delete" fonksiyonlarını/butonlarını veriyorum. 'Sil' fonksiyonu iyi görünüyor, 'sil' butonuna tıkladıktan sonra kimliği sadece argüman olarak gösteriyorum. 'Update' click olayı ile, giriş kutusunun değerini ikinci argüman olarak fonksiyona nasıl geçeceğinden emin değilim. Lütfen aşağıdaki basitleştirilmiş işaretlemeye ve kodlara bakın.

<tr ng-repeat="rec in allRecords"> 
    <td>{{rec.Id}}</td> 
    <td> 
     <button ng-click="update(rec.Id, HERE_TEXT_FROM_SIBLING_INPUT')">Update</button> 
     <input type="text" value="{{rec.Name}}"> 
     <button ng-click="deleteMonitorGroup(rec.Id)">Delete</button> 
    </td> 

ve herhangi bir yardım takdir

app.controller('MyCtrl', function (MyService, $scope) { 

MyService.listAllRecords(function (allRecs) { 
    $scope.allRecords= allRecs; 
}); 

$scope.update = function (Id, text) { 

     MyService.update(Id, text, function() { 
      // update record 
     }); 
} 

}); 

kontrolörü. feature.Then bağlayıcı açısal iki arada güncellenmiş rec.Name tutmak ng-model="rec.Name" gibi giriş alanları orada

Answer 1

Kullanım ng-modelng-model 'ın rec.Name güncellenmiş fonksiyonu VEYA ziyade sadece daha basit hale getirmek için işlev çağrısı üzerine rec nesneyi geçmesi geçtikleri .

Biçimlendirme

Yardımlarınız için

<tr ng-repeat="rec in allRecords"> 
    <td>{{rec.Id}}</td> 
    <td> 
     <button ng-click="update(rec)">Update</button> 
     <input type="text" ng-model="rec.Name"> 
     <button ng-click="deleteMonitorGroup(rec.Id)">Delete</button> 
    </td> 
</tr>