如何使用角度应用程序编写jade风格的HTML？

Question

我开始编写一个快速应用程序，并且非常喜欢将Jade用于我的HTML。现在我正在编写一个有角度的应用程序，并且不想输入所有的“＆lt;＆gt;”为我的HTML。我没有决定使用角度应用程序的后端。

如何使用jade为角应用编写html？

修改

我制作了package.json并包含：

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

然后运行npm install

但是，当我创建并打开index.jade时，它不会呈现html，那就是que？

Answer 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>

有关HTML5自定义数据属性的官方文档，请参阅http://haml.info/docs/yardoc/file.REFERENCE.html#html5_custom_data_attributes。