使用 angular .tpl.html 文件构建静态.html文件



我不确定我是否以正确的方式做到这一点,但这是我需要做的。 我有常见的 .tpl.html 文件,我想将其用于角度模板和模板以生成静态.html文件。 我想要的是一个系统(与 grunt 相关),它将获取 .tpl 中的垃圾.html并将其插入外部.html文件中并创建一个静态.html文件。

例如,假设我有:

stuff.tpl.html

<div> I want this stuff in my overall template </div>

stuff2.tpl.html

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

外.html

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

我可以通过将stuff.tpl.html(或stuff2.tpl.html)插入外部.html来制作东西.html(或stuff2.html)。

我知道如何做角度方面,只是不是静态方面。

如果我

没记错的话,您需要将多个静态文件连接成一个文件。

您可以使用grunt-contrib-concat来完成这项工作。请参阅下面的链接 grunt-contrib-concat

如果你需要使用angularJs实现模板,你可以使用grunt-html2js,它将你的静态html转换为angle模板。然后你可以使用 grunt-contrib-concat 来连接所有的角度模板并创建一个 js.html你可以简单地添加到你的索引中。

希望这对您有所帮助。

最新更新