Как устранить синтаксический конфликт между angular2 и pug?

Question

[Bowen]

С pug конфликтуют локальные переменные в angular2, пример:

form((submit)="login(username.value, password.value)")
	label Username
	input(type="text" name="username" #username)
	label Password
	input(type="password" name="password" #password)
	button(type="submit") Submit

Этот код при компиляции заканчивается ошибкой:

В интернете нашел лишь одно решение. Оно заключается в том чтобы добавить в каждом файле.pug doctype html. Вручную/автоматически - это не важно, это работает, но меня это не устраивает, это как то не правильно имхо.

Встречалась ли кому-то либо еще эта проблема ? решили ли вы ее ? если да то каким способом ?
Буду признателен за помощь/советы.

Comments

[Алексей Уколов]

Этот код при компиляции заканчивается ошибкой.

После этих слов люди, которые действительно хотят, чтобы им помогли решить проблему, помещают текст ошибки.

[Bowen]

Алексей Уколов: Я так понял что pug увидев конструкцию как эту: #username пытается создать элемент с таким id.

[Bowen]

Алексей Уколов: Подумав, пришел к одной идеи. Улучшить функционал pug`a тем самым предотвратить создание элемента в круглых скобках. Это либо баг, либо я не понял почему разработчики это сделали.

[Bowen]

Хотя нет, я ошибся. Он не пытается создать элемент а создаем атрибут со значение.

Answer 1

[monochromer]

https://pugjs.org/language/attributes.html#quoted-...

Comments

[Bowen]

Решение которое там описано, помогает при использовании биндингов на примере (click).
Что касается локальных переменных, то приходится все равно юзать doctype html.