Как написать html jade-style с приложением angular?

Я начал писать экспресс-приложение и очень любил использовать Jade для своего html. Теперь я пишу приложение angular и не хочу вводить все "< > " для моего html. Я не решил использовать бэкэнд для приложения angular.

Как написать html для приложения angular с помощью jade?

Edit:

Я сделал package.json и включил:

"dependencies": {
"jade":"0.35.x"
}

затем выполнил npm install

Но когда я создаю и открываю index.jade, он не отображает html, por que?

Ответ 1

В HAML вы можете использовать пользовательские атрибуты, например

%button{:"ng-click" => "myFunc()"} Click here

для рендеринга

<button ng-click="myFunc()">Click here</button>

ИЛИ - используйте атрибуты пользовательских данных, подобные этому

%button{:data {:"ng-click" => "myFunc()"}} Click here

для рендеринга

<button data-ng-click="myFunc()">Click here</button>

См. http://haml.info/docs/yardoc/file.REFERENCE.html#html5_custom_data_attributes для официальных документов по пользовательским атрибутам данных HTML5.