Как подключить в Jade использовать AngularJS?

Question

[Игорь Пушкарский]

В общем проблема на первый взгляд понятная, но как решить чет не могу найти в гугле

Суть такая я настроил проект gulp+browser sync для работы с jade/stylus в проекте нужно использовать angular.

С директивами вроде все понятно и просто

html(ng-app="detboxAdminApp")

а вот как быть с

input(type='text', ng-model="word")
                            {{world}}

jade на них ругается и синтаксис не подсвечивается.

Работаю в PHPStorm.

Answer 1

[Сергей Протько]

input(type='text', ng-model="word")
| {{world}}

биндинги должны быть расставлены как содержимое элементов. Ну и да, у input не может быть вложенных элементов, а из вашего кода выходит что вы хотите именно так.

Comments

[Игорь Пушкарский]

Да точно, не подумал =)

[Игорь Пушкарский]

А с подсветкой нет решения?

[Сергей Протько]

Игорь Пушкарский: в смысле? Есть плагин для phpstorm..

[Игорь Пушкарский]

Сергей Протько: Подсветки в jade angular js?

[Сергей Протько]

Игорь Пушкарский: есть плагин подсветки, есть плагин добавляющий поддержку angularjs, они вполне себе работаю вместе.

Answer 2

[Дмитрий Гусев]

попробуйте так:

input(type='text', ng-model="word")
                            | {{world}}

или

input(type='text', ng-model="word").
                            {{world}}

или

input(type='text', ng-model="word")
                            ="{{world}}"

а вообще это же инпут, там в value нужно записывать

input(type='text', ng-model="word", value="{{world}}")

Comments

[Сергей Протько]

третий вариант не нужен