2013-02-21 26 views
10

Bir Eğik uygulama üzerinde çalışıyorum içeride bağlayıcı iki yönlü.angularjs: ng tekrarı

Ben her bireyin giriş alanı için iki yönlü bağlamaları ile metin giriş alanları keyfi bir sayı ile bir form oluşturmak istiyorum. Düğme yok, izleyici yok. ng-model kapsam belirleme nedeniyle doğru çalışmıyor (eğer yanılmıyorsam). giriş alanları böyle ng tekrar ile bir dizi elde edilmiştir:

<div ng-repeat="item in items"> 
    <label>{{item.name}}</label> 
    <input type="text" placeholder="{{item.default}}" ng-model="{{item.value}}"> <!-- this input should be bound --> 
</div> 

Sadece bağlama basit bir giriş değişikliklere denetleyicisi items dizi güncelleştirmek istiyor.

Herhangi bir yardım için teşekkür ederiz. okur böylece

+2

Sadece açısal parantez ihtiyaç {{var}} sayfaya dışarı yazıyorsanız. Tekrarları veya modelleri veya filtreleri kullanırken kullanırken, parantez gerekmez. Bunu ng-yinelemede yaptığınızı unutmayın, "{{items}}" içinde öğe yapmadınız. –

+0

Tavsiye için teşekkürler James! Ben Angular biraz daha iyi anladım düşünüyorum (yine de hala yeni :)) –

cevap

11

Sadece giriş etiketini değiştirmek:

<input type="text" placeholder="{{item.default}}" ng-model="item.value"> 

Bildirimi ng-model küme parantezleri olmadan.

Çalışma gümlemek: http://plnkr.co/edit/CLdem9yIw2Sk1U52Iajl?p=preview

+0

Bir ton teşekkürler! Şimdi çalışıyor :) –

+2

Bu plnkr çalışmıyor. Ben açıkça {{item.name}} bıyık değerinin güncellenmediğini görüyorum. – FlavorScape