2016-03-25 21 views
0

Bu benim Keman'ım. textfield yukarıdaki keman kullanımı ng-modelde http://jsfiddle.net/0c5p38dt/1/AngularJs kullanarak ng-tekrarda bir model nasıl kullanılır?

ve düğme

<input type="text" ng-model="eachItem.value"/> 
<input type="button" value="save" ng-click="save()"/> 

kaydet ekleyip ı js dosyasında kod yazmak: - İlk ben tıklayın

$scope.save=function(){ 
    console.log($scope.data); 
}; 

Yukarıdaki kodda ikinci metin alanına (ad) da etki edecek ilk textfield (name) veri girdiğimde düğme ekle. Verileri kaydetmek istiyorum. Peki bu metin kutularını nasıl ayırt edersiniz.

+2

daha sen ne elde etmek istediğinizi detaylandırabilir girişlerden? –

+0

İlkellere bağlama. http://stackoverflow.com/questions/13714884/difficulty-with-ng-model-ng-repeat-and-inputs ve https://github.com/angular/angular.js/issues/1267. Ancak bununla başarabilirsiniz. https://plnkr.co/edit/tpl:8rFfZljYNl3z1A4LKSL2?p=preview –

cevap

0

Eğer ng-repeat üzerinde açısal

$index ile giriş alanlarında bir 'isim' özelliğini kullanmalıdır. senin oynamam

: Ne istediğini tam olarak emin değilim

<input type="text" name="email[1]"> 
<input type="text" name="email[2]"> 
<input type="text" name="email[3]"> 
<input type="text" name="name[1]"> 
<input type="text" name="name[2]"> 
0

ama istediğiniz sanmıyorum: gibi

<div ng-app> 
    <div ng-controller="Ctrl"> 
    <div ng-repeat="eachItem in data"> 
     <input type="button" value="add" ng-click="addFields(eachItem)"/> 
     <label>{{eachItem.label}}</label> 
     <input type="text" name="eachItem.label[$index]" /> 
    </div> 
    </div> 
</div> 

sonuç olurdu Bir ng tekrarında <input>, belki de istediğiniz şey .html:

senin .js yılında

ve :

function Ctrl($scope) { 
    $scope.data=[]; 
    $scope.addFields = function (item) { 
     $scope.data.push(item); 
    }; 
} 

Bu kez size girdileri verip parçayı (ve ekranı) tutacak veriler

İlgili konular