HTML-элемент с # для pug-шаблона - PullRequest
Новая
       10

HTML-элемент с # для pug-шаблона

0 голосов
/ 11 апреля 2019

У меня есть кусок кода с двумя радиокнопками углового материала. У них обоих есть атрибут / элемент # (я не уверен, как он называется). Как я могу преобразовать их в мопса, чтобы атрибут / элемент с # работал? Вот пример кода, в котором есть атрибут / элемент #, который я хотел бы заставить работать в pug: 

<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") ...

Но элементы # не регистрируются в мопсе. Любая помощь с синтаксисом, чтобы заставить их работать, приветствуется. Ps. если вы знаете название элемента, я бы хотел его знать. Спасибо.

1 Ответ

0 голосов
/ 16 апреля 2019

Чтобы ответить на мой собственный вопрос: чтобы html с тегом # id работал на мопсе на 100%, я использовал 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, чтобы заставить его работать.

...