Jade - Angular 2 Structural Directives in Jade

Question

I'm trying to learn to use Angular 2 while creating templates using Jade and importing the transpiled .html files.

How can I include *ngIf and *ngFor in Jade?

Trying to achieve the following in HTML:

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

I'm trying the following in Jade:

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

The above code doesn't work! Help?

Answer 1

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

要么

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

Answer 2

Try somethink like this:

How you include support pug (jade)?

In every *.ts file try somethin like: 'require!pug-loader()myfile.component.pug'

or create custom webpack file? (and now didn't use angular-cli)

or use pre-compilers that create *.html file around pug

or do like this ?