使用Jade或Pug模板的Ioinic

Question

在Jade / Pug：

ion-nav([root]="rootPage", #content, swipeBackEnabled="false")

Pug编译HTML结果：

<ion-nav [root]="rootPage" #content="#content" swipeBackEnabled="false"></ion-nav>

它应该是HTML：

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

你认为我应该做些什么才能让Pug编译正确？

Answer 1

您需要在模板的开头明确声明HTML5文档类型，如下所示：doctype html。

根据对this Github issue report的评论，只有HTML5呈现模式支持没有值的属性，这意味着正确包含它们的唯一方法是使用HTML5文档类型。

Answer 2

将引号放在ngFor和（单击）上，如下所示：

button(ion-item '*ngFor'='let team of teams' '(click)'='itemTapped($event, team)')
    p {{team.name}}

结果：

<button ion-item *ngFor="let team of teams" (click)="itemTapped($event, team)">
    <p>{{team.name}}</p>
</button>