动态创建静态 angularjs 模板的建议
Suggestions for dynamically creating static angularjs templates
我想优化我的一些 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>
执行此操作有哪些好的选择?
我正在考虑的一件事是在 templateGenerator.html
中使用 underscore.js
作为模板引擎,并在构建期间通过 grunt 任务进行渲染。
我对这种方法的主要关注是.. 混合模板引擎。我不能在 templateGenerator.html
中使用 angular 作为模板处理器(至少我很确定那行不通)。使用下划线作为 templateGenerator.html
的模板引擎会使代码过于复杂吗?
下面列出了几个选项
我最终使用了 processhtml 并且非常满意
我想优化我的一些 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>
执行此操作有哪些好的选择?
我正在考虑的一件事是在 templateGenerator.html
中使用 underscore.js
作为模板引擎,并在构建期间通过 grunt 任务进行渲染。
我对这种方法的主要关注是.. 混合模板引擎。我不能在 templateGenerator.html
中使用 angular 作为模板处理器(至少我很确定那行不通)。使用下划线作为 templateGenerator.html
的模板引擎会使代码过于复杂吗?
下面列出了几个选项
我最终使用了 processhtml 并且非常满意