Jade - Jade 中的 Angular 2 结构指令答案

【问题标题】：Jade - Angular 2 Structural Directives in JadeJade - Jade 中的 Angular 2 结构指令
【发布时间】：2016-07-27 15:39:50
【问题描述】：

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

如何在 Jade 中包含 *ngIf 和 *ngFor？

尝试在 HTML 中实现以下目标：

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

我正在 Jade 中尝试以下操作：

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

上面的代码不起作用！帮忙？

【问题讨论】：

【解决方案1】：

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

或

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

【讨论】：

【解决方案2】：

尝试这样的想法：

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

在每个 *.ts 文件中尝试类似：'require!pug-loader()myfile.component.pug'

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

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

【讨论】：