使用角度.tpl.html文件構建一個靜態.html文件

我不確定是否以正確的方式進行操作，但這是我需要做的。我有共同的.tpl.html文件，我想同時使用角模板和模板來生成靜態.html文件。我想要的是一個系統（grunt-related），它將把.tpl.html中的垃圾插入到一個外部的.html文件中，並創建一個靜態的.html文件。使用角度.tpl.html文件構建一個靜態.html文件

例如，說我有：

stuff.tpl.html

stuff2.tpl.html

<div> I want this stuff in my overall template to create another html</div>

outer.html

<head> 
    stuff 
</head> 
<body> 
     {{insert}} 
</body>

哪裏我可以製作stuff.html（或stuff2.html）通過將stuff.tpl.html（或stuff2.tpl.html）插入到outer.html中。

我知道如何做角度的一面，而不是靜態的一面。

來源

2013-10-24 jbenowitz

如果我沒有弄錯，你需要連接多個靜態文件到一個文件中。

您可以使用grunt-contrib-concat來完成這項工作。請參閱下面的鏈接grunt-contrib-concat

如果您需要使用angularJs實現該模板，則可以使用grunt-html2js這將將您的靜態html轉換爲角模板。然後，您可以使用grunt-contrib-concat來連接所有角模板，並創建一個可以添加到index.html子文件中的js。

希望這可能會幫助你。

來源

2013-10-25 04:55:17 kds

如果解決方案適合您，您可以標記爲已接受:) – kds

太棒了，謝謝。我有grunt-html2js已經工作。這只是另一半。我會研究concat，並接受它是否有效。 – jbenowitz

使用角度.tpl.html文件構建一個靜態.html文件

回答

相關問題