2016-04-06 24 views
1

AngularJS'de yeniyim ve şu soruna sahibiz: Nesnede saklanan değerler için bir dizi anahtarla 'öznitelikler' dizisini yinelemek istiyorum.Dinamik yineleme formu için zarif çözüm

<div ng-repeat="key in attributes"> 
     {{key}}: <input type="text" value={{Object.key}} name="{{key}}"> 
</div> 

Bu kod görüntüler sadece doğru anahtar {{sütun}} ancak değeri için bir sonuç verir {{Object.column}}. {{Object. {{Column}}}} ifadesi hiçbiri işe yaramıyor.

Kodu çalıştırırsam, Nesne statik bir anahtar (ör. Kimlik) vererek her şey mükemmel çalışır.

Ben

<div> 
    id: <input type="text" value={{Object.id}} name="id"> 
    name: <input type="text" value={{Object.name}} name="name"> 
    value: <input type="text" value={{Object.value}} name="value"> 
    and so on... 
</div> 

gidebiliriz Ama bu statik formu mükemmel bir çözüm olarak görünmüyor.

Birisi bana yardımcı olabilir misiniz?

<div ng-repeat="key in attributes"> 
    {{key}}: <input type="text" value={{ Object[key] }} name="{{ Object[key] }}"> 
</div> 
+0

'{{Object [key]}}' –

+0

Mükemmel çalıştı;) –

+0

'{{}}' sözdizimi ile hatırlamak, içindeki şeylerin değerlendirilen normal bir JavaScript ifadesi olması. parantez içindeki sözdizimi, normal kodda yaptığınız gibi aynı olacaktır. –

cevap

3

Böyle bir şey yapmalıdır. Açısal, değişkeni sabit olmayan bir anahtar olarak kabul eder.

+0

Bu işe yaradı, Teşekkürler! –

+0

Rica ederim, yardım ettiyse lütfen cevabımı kabul edin! – atefth

2

kullanın {{Object[key]}} -

+0

Bu çalışıyor, teşekkürler! –

+0

Size yardımcı olmaktan memnun oldum! –