如何使用角度應用程序編寫玉石風格的html？

Question

我開始寫一個快速的應用程序，並非常喜歡使用Jade作爲我的html。現在我正在編寫一個角度應用程序，不想爲我的html輸入「<>」。我還沒有決定爲角度應用程序的後端。

如何使用jade編寫角度應用程序的html？

編輯：

我做了一個package.json，其中包括：

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

然後跑npm install

但是，當我創建和打開index.jade不渲染HTML，POR闕？

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。