使用角度.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文件

回答

相关问题