翡翠 - 翡翠中的角2结构指令

Question

我在使用Jade创建模板并导入已转换的.html文件时尝试学习使用Angular 2。

如何在玉器中加入* ngIf和* ngFor？

尝试在HTML中实现以下功能：

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

我在Jade尝试以下内容：

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

以上代码不起作用！帮助

Answer 1

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

或

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

Answer 2

尝试这样的想法：

你如何包括支持哈巴狗（玉）？

在每个* .ts文件中尝试以下内容：'require！pug-loader（）myfile.component.pug'

或创建自定义webpack文件？ （现在没有使用angular-cli）

或使用在pug周围创建* .html文件的预编译器

或做like this？