2016-04-07 2 views
1

J'essaie d'apprendre à utiliser Angular 2 lors de la création de modèles en utilisant Jade et l'importation des fichiers .html transpilés.Jade - Angular 2 directives structurelles dans Jade

Comment puis-je inclure * ngIf et * ngFor dans Jade?

Essayer d'obtenir les résultats suivants en HTML:

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

Je suis en train ce qui suit dans Jade:

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

Le code ci-dessus ne fonctionne pas! Aidez-moi?

Répondre

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

ou

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

S'il vous plaît vérifier cette [URL] (http://stackoverflow.com/help) il sera utile d'augmenter votre qualité de contenu jusqu'à –

0

Essayez somethink comme ceci: enter image description here

Comment ajouter le support carlin (jade)?

Dans chaque fichier * .ts essayer quelque chose comme: 'exiger pug-loader() myfile.component.pug!

ou de créer un fichier webpack sur mesure? (Et maintenant ne pas utiliser-cli angulaire)

ou utiliser pré-compilateurs qui créent * .html autour carlin

ou faire like this?

+0

aussi vous pouvez le faire: p ([class.hidden] = 'any_condition', [ class.show] = 'condition') –