2016-06-22 22 views
12

Açısal2'de yeniden kullanılabilir bir bileşen yazıyorum. ebeveyn bileşeninde, böyle şablonuna dahil ederek çocukta @Input değerini ayarlayabilirsiniz: Beklendiği gibiAngular2: @ Giriş sırasına geçiş

<child-component #logoutModal [button1Text]="'Do Something Groovy'" 
    [showbutton1]="false"></child-component' 

metin, {{ button1Text }} kullanarak çocuğa yansıtılmadan edilir. Ancak, yukarıdaki boole için, değer şablona aktarılmaz. Alt öğe şablonunda {{showButton1}} yaparsam, true görüntüler, bu da çocuğun sınıfında @Input dekoratörünü kullanarak ayarlanan varsayılan değerdir.

DÜZENLEME:

export class ChildComponent implements AfterViewInit { 
    // default values 
    @Input() public showButton1: boolean = true; 
    @Input() public button1Text: string = 'OK'; 
    //.. 

nasıl geçersiz do/ebeveyn bileşeninden bu boole değeri: Burada ben çocuk bileşeninde varsayılan değerleri ayarlamak nasıl? Teşekkürler!

[showbutton1] 

+0

göstermek Can senin bileşeninin bir parçası? – rinukkusu

cevap

7

O

[showButton1] 

yerine olmalıdır (büyük harf B - Angular2 şablonları harfe duyarlıdır)

+3

DOH! Yüz palmiye. Sabrınız için teşekkürler! – Fiona