2016-04-07 45 views
1

Yeşim kullanarak şablonlar oluştururken ve Transpiled .html dosyalarını içe aktarırken Angular 2'yi kullanmayı öğrenmeye çalışıyorum.Yeşim - Açısal 2 Yapısal Yönergeler Yeşi

Jade'e * ngIf ve * ngFor'u nasıl ekleyebilirim?

HTML aşağıdaki gerçekleştirmeye çalışmak:

<div class="container" *ngIf="products && products.length"> 

deniyorum Jade aşağıdaki:

div.container(*ngIf='products && products.length') 

Yukarıdaki kod çalışmıyor! Yardım et? Böyle

cevap

0
template([ngIf]='products && products.length') 

veya

div.container([hidden]='!(products && products.length)') 
+0

Lütfen bu [URL] 'yi kontrol edin (http://stackoverflow.com/help), içerik kalitenizi yükseltmek için yararlı olacak –

0

deneyin somethink: Eğer nasıl ekleriz enter image description here

destek boksör (yeşim)? Her yılında

* ts dosya gibi birşey denemek:

'Yassı yükleyici() myfile.component.pug gerektiren!' veya özel webpack dosyası oluşturmak?

(ve şimdi açısal-cli kullanmıyordu) ya da boksör

veya like this yapmak etrafında * .html dosyası oluşturmak öncesi derleyiciler kullanılır?

+0

da bunu yapabilirsiniz: p ([class.hidden] =' any_condition ', [ class.show] = 'durum') –