2017-01-08 10 views
1

В Jade/Мопс:Ioinic с использованием нефрита или мопса шаблон

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

Мопс результат составлен HTML:

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

Это должно быть в HTML:

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

Что вы должны думать Я должен сделать, чтобы Pug скомпилировал это право?

+0

Вы явно объявить доктайп HTML5? Согласно одному из более поздних комментариев [этот отчет о выпуске Github] (https://github.com/pugjs/pug/issues/370), атрибут был правильно отображен после использования 'doctype html' - может быть, аналогичная проблема? – gandreadis

+0

Это было да, вы правы. –

+0

Так что работает? Потому что тогда я был бы рад опубликовать это как правильный ответ на вопрос, чтобы другие могли извлечь из этого выгоду :) – gandreadis

ответ

2

Вам нужно явно объявить документ типа HTML5 в начале вашего шаблона, например: doctype html.

В соответствии с комментарием this Github issue report атрибуты без значений поддерживаются только в режиме рендеринга HTML5, а это означает, что единственный способ включить их в правильное использование - использовать метод HTML5.

0

Помещенные котировки на 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>