2016-02-05 12 views
17

Dinamik olarak onay kutularının bir listesini oluşturmak zorundayım. Bu nedenle, her şey tekrarlanana kadar her şeyin iyi çalıştığını bulmak için * ngFor. etiket etiketinde for özniteliğinin değerini ayarladığımda sorun oluştu. açısal hata atmak vardır:Bilinen bir yerel özellik olmadığından 'for' için bağlanılamıyor angular2

'için' bağlamak Can not bilinen bir yerli mülkiyet angular2

yeni hata mesajı

işlenmeyen Promise ret olmadığı için: Şablon ayrıştırma hataları: 'etiket' için bilinen bir özellik olmadığından 'for' için bağlanılamıyor. http://plnkr.co/edit/aAQfWvHc7h7IBuYzpItO?p=preview

sorun ne burada kodunda: Burada

<div *ngFor="#batch of batch_array"> 
    <label for="{{batch.id}}"><input type="checkbox" [value]="batch.id" id="{{batch.id}}"  
     (click)="batchSelectedEevent(batch.id)" /> {{batch.batch_name}} 
    </label> 
</div> 

benim plnkr hata gösteriliyor? Angular2 son [for]="xxx" yılında

cevap

21

güncelleme

iyi çalışması gerekir. for'dan htmlFor'a bir takma ad eklediler. Varsayılan olarak Açısal

orijinal

özelliği bağlayıcı kullanır ama bir mülk forlabel yoktur. bağlayıcı özellik kullanmak için açıkça Açısal söylemek gerekirse, bunun yerine kullanın:

[attr.for]="someField" 

veya

attr.for="{{someField}}" 

yerine.

Ayrıca, htmlFor, for özelliğine yansıtıldığı için de geçerlidir.

[htmlFor]="someField" 
htmlFor="{{someField}}" 

Angular2 RC.6 yılında bir takma bu yüzden bu şimdi de çalışması gerekir eklendi:

[for]="someField" 

veya

for="{{someField}}" 
+0

vay gayet sayesinde çalışıyor! 'att' yerine 'att' yerine 'attr' neden kullanıldığını biliyor olabilir miyim? –

+1

'attr.for' ile, bağlayıcı bağlanma pahalı olduğundan, bağlayıcı özelliğini açık olarak seçmelisiniz. Öznitelikler DOM'a yansıtılır ve değişiklikler, örneğin CSS seçicilerinin bu özellik kümesiyle eşleşen kayıtların olup olmadığını kontrol etmek için gereklidir. Mülkün bağlanması JS sadece ve ucuz, bu nedenle varsayılan. –

+1

"Özellik bağlama yalnızca JS'dir". Bunu tam olarak söylemem. Karşılık gelen özniteliklere sahip olmayan birkaç özellik vardır - örneğin, yoğun olarak kullanılan 'textContent' özelliği - dolayısıyla bu özelliklerin bağlanması da DOM'un güncellenmesiyle sonuçlanır. –

İlgili konular