有关动态创建静态angularjs模板的建议

时间:2015-02-05 04:19:18

标签: javascript html angularjs templates optimization

我想优化一些angularjs代码库,我想通过生成优化的,有针对性的静态模板来实现这一点。理想情况下,我会动态生成这些模板,这样我只需要维护一个模板,该模板将生成..其他模板。一个快速(非常简化)的例子,以消除任何困惑...

以下内容可用于生成2个静态模板

templateGenerator.html

<div>
    <!-- if args.view == true -->
      <span ng-bind="data"></span>
    <!-- else -->
      <input ng-model="data"></span>
    <!-- endif -->
</div>

template1.html

<div>
  <span ng-bind="data"></span>
</div>

template2.html

<div>
  <input ng-model="data"></span>
</div>

这样做有什么好的选择?

我正在考虑的一件事是使用underscore.js作为templateGenerator.html中的模板引擎,并在构建期间通过grunt任务进行渲染。

我对这种方法感到担心的主要问题是:混合模板引擎。我不能在templateGenerator.html中使用angular作为模板处理器(至少我很确定这不起作用)。使用下划线作为templateGenerator.html的模板引擎会使代码过于复杂吗?

1 个答案:

答案 0 :(得分:0)

下面列出了几个选项

我最终使用了processhtml并且对此非常满意