HTML 带有 # 的元素到 pug-template

Question

我有一段代码有 2 个 angular material 个单选按钮。他们俩都有#attribute/element（我不确定它叫什么）。我怎样才能将它们转换成哈巴狗，以便 attribute/element 与 # 一起工作？这是示例代码，其中包含我想在哈巴狗中使用的#attribute/element：

<mat-radio-button #firstRadio name="selection" value="one" (change)="aMethodCall();" color="primary" [checked]="oneSelected"> ...
</mat-radio-button>
<mat-radio-button #secondRadio name="selection" value="two"  (change)="aMethodCall();" color="primary" [checked]= "!oneSelected"> ...
</mat-radio-button>

我试过把它变成哈巴狗：

mat-radio-button( #firstRadio, name="selection", value="one", (change)="aMethodCall()", color="primary", [checked]="oneSelected") ...
mat-radio-button( #secondRadio, name="selection", value="two", (change)="aMethodCall()", color="primary", [checked]="!oneSelected") ...

但是#elements 没有在哈巴狗中注册。任何有关使它们正常工作的语法方面的帮助都将受到赞赏。 Ps。如果您知道#element 的名称，我很想知道。谢谢

Answer 1

回答我自己的问题：让带有 #id 标签的 html 在哈巴狗上 100% 工作，我使用了 Sergi Nadal 建议的 html2jade。生成的哈巴狗是：

mat-radio-button(#firstradio='', name='selection', value='one', (change)='aMethodCall();', color='primary', [checked]='oneSelected')
  | ...
mat-radio-button(#secondradio='', name='selection', value='two', (change)='aMethodCall();', color='primary', [checked]='!oneSelected')
  | ...

因此，为了绕过 # 在 pug 中用作插值标记，我可以将它作为具有空值的属性放入 pug 模板中以使其工作。

HTML 带有 # 的元素到 pug-template

HTML element with # to pug-template

html

angular-material

pug

angular