2016-04-14 15 views
6

Hey ng-repeat içinde radyo düğmelerinin bir listesini görüntülemeye çalışıyorum ve alanların başlangıç ​​değerlerini almıyor gibi görünüyor Girişte ng modeline bağlanıyorum.ng modelini iç içe geçmeli ng-yineli kullanarak kullanma İçinde çalışma ng-yinesi çalışmıyor

Ng tekrarı için basit bir dizi verdiğimde, düğmeler başlangıç ​​değerleriyle doğru şekilde görüntülenir.

https://codepen.io/alokraop/pen/JXLZBp

Ben yanlış gidiyorum hiçbir fikrim yok: iç içe geçmiş bir ng-repeat resmin içine gelirse Fakat her listenin sadece son öğe bir değere İşte

ile başlatır kalemim . Radyo düğmesinin name özniteliğinin her bir gruba özgü olduğundan emin oluyorum.

Yardım için teşekkür ederiz.

+0

sayesinde –

cevap

6

Buradaki sorun, Açısal değeri enterre name içine arayaramamanızdır. HTML’den attr adını kaldırırsak, beklenen sonucu alırız. Aşağıya bakın. Biz dinamik bir isim dahil gibi bir Açısal adı direktifi içine bakmak istiyorsanız

<div ng-app="sample"> 
    <div ng-controller="sampleController as sample"> 
    Single ng-repeat: 
    <div ng-repeat="queue in sample.queues">{{queue.name}} status: 
     <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="hooked" /> hooked 
     <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="unhooked" /> unhooked 
     <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="partial" /> partial 
    </div> 
    <br /> 
    Nested ng-repeat: 
    <div ng-repeat="qm in sample.qms"> 
     {{qm.name}} queues: 
     <div ng-repeat="queue in qm.queues">{{queue.name}} status: 
     <input type="radio" ng-model="queue.condition" value="hooked" /> hooked 
     <input type="radio" ng-model="queue.condition" value="unhooked" /> unhooked 
     <input type="radio" ng-model="queue.condition" value="partial" /> partial 
     </div> 
    </div> 
    </div> 

</div> 

: Bu soruyu :) soran Dynamic form name attribute <input type="text" name="{{ variable-name }}" /> in Angularjs

+0

teşekkür Hey, bu sorunu çözdü. Ancak, bunun sadece listedeki son öğeye doğru değeri nasıl bağlayacağını anlamıyorum. Ayrıca, isim niteliği, radyoların hangi grupların birlikte düğmeler oluşturduğudur? Radyo öznitelikleri, isim özniteliği olmadan farklı bir öğe seçtiğimde daha önce seçilen bir öğenin işaretini kaldırmak için hala ne yapar? Kuzen, üçü bir grup coz dizisinde olduklarını düşündürüyor mu? – alokraop

+0

Bu durumda, radyo düğmeleri ng model yönergesine bağlanır. Bir kullanıcı yeni bir radyo seçeneği seçtiğinde, ng-modelinin değeri o radyo ile ilişkili değer niteliğine dönüşür. Bu olduğunda, ng-modeli, o ng modelini paylaşan ve değerlerini buna göre güncelleyen diğer radyo düğmeleri tarafından tekrar okunur. – dYale

+0

Oh, böylece yerel html olaylarının düğmelerin bir grubun parçası olduğu konusunda hiçbir fikri olmadığı için şimdi özet döngüsünde gerçekleşir. Teşekkürler :-) – alokraop

İlgili konular