我有一段带有2个角度材料单选按钮的代码。它们都有#attribute / element(我不确定它叫什么)。如何将它们转换为哈巴狗,以便#属性/元素有效?这是一个示例代码,其中包含#attributes / 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的名字。谢谢。
要回答我自己的问题:使用带有#id标签的html在pug上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模板中以使其正常工作。