Jade / Pug与Angular 2-如何使用#语法解决冲突?

Her*_*nan 4 pug angular

玉输入

div(#menu class="ui dropdown icon item")
Run Code Online (Sandbox Code Playgroud)

HTML输出

<div #menu="#menu" class="ui dropdown icon item">
Run Code Online (Sandbox Code Playgroud)

#menu =“#menu”错误,我期望的输出仅为 #menu

<div #menu class="ui dropdown icon item">
Run Code Online (Sandbox Code Playgroud)

问题:

Angular的模板参考变量与jade的#idname语法冲突。

版本信息:

  • 玉1.11.0
  • 角2 rc4

dfs*_*fsq 5

通常,您应该能够通过将Jade编译器明确告知HTML5 doctype来修复它:

doctype html
div(#menu class="ui dropdown icon item")
Run Code Online (Sandbox Code Playgroud)

  • 我认为您可以使用API​​设置编译,然后使用`jade.compile(template,{doctype:'html'})`。然后,您无需将其放入每个模板中。 (2认同)
  • 您可以使用--doctype选项:`jade ./app --doctype html -P -w`。 (2认同)