2016-03-25 6 views
38

Angular2'de bir bileşene bir dize değeri iletmek istiyorum, ancak varsayılan ciltleme ile çalışmaz. Ben buna benzer bir şey düşünüyorum:Angular2 içindeki bir bileşene bir dize değeri nasıl iletilir

<component [inputField]="string"></component> 

Maalesef sadece ifadeler atama sağ tarafında izin verilir. Bunu yapmanın bir yolu var mı?

<component inputField="string"></component> 
<component [inputField]="'string'"></component> 
<component inputField="{{'string'}}"></component> 

cevap

54

dize hazır farklı şekillerde geçirilebilir tırnak içinde dize içine alarak bir dize iletebilirsiniz HTML karakterleri) dize değişmezinde ilk seçenek, değişmezi sarmak için tek tırnak işareti kullananlar ayrıştırma hatalarıyla başarısız olur. Örneğin: "John'un Değeri" çıktısı doğru olarak gönderilecektir.

+0

Bunlar arasında bir fark var mı? Örneğin. Son iki durumda açısal "bağlamalar" yaratır mı yoksa yeterince zeki mi? –

+0

Açısallık yeterince akıllıdır. DOM'da yalnızca ilk kişi görünecek. –

+0

Teşekkürler. Yuvalanmış tırnak kullanmadan geçiyordum ve bu değer NaN: '' olarak döndürülüyordu. –

42

Sen

<component [inputField]="'string'"></component> 
3

tek tırnak (ve özel muhtemelen diğer dahil etmek için: