javascript - 带有 grunt 的动态数据表

Question

我有一个示例项目，其中包含带有 CRUD 操作的 Angular 数据表。我在 grunt web 上查看了 Project Scaffolding，但找不到任何符合我需求的 javascript 模板...

我看到 init.copyAndProcess 这正是我想要的，但我需要对此进行一些改进。首先，我想要在我的 js 文件上包含条件语句的模板，例如(伪代码):

{if prop.selectAllButton} 
//declare header render on Datatables in several lines of code{/if}

此外，会有大约 10 或 20 个选项，并且它可以随着列数或通过创建虚拟列而增长。所以，我希望 props 对象位于文件中，而不是 cli 上的提示。

表格不是以 Angular 方式呈现的。

提前致谢。气。

Answer 1

现在我发现，如果我离开 grunt Scaffolding 并使用 yeoman，我的问题就很容易回答了......

在yo文件中，我可以在初始化阶段读取我的configFile，例如:

 initializing: function () {
    this.pkg = require('../package.json');
    this.dtconfig = require(this.options['config-file-location']);
},

其中“config-file-location”是 cli 的参数。

他们，在编写阶段，我使用dtconfig作为copyTpl的参数:

  scripts: function () {
  this.fs.copyTpl(
    this.templatePath('main.js'),
    this.destinationPath('app/scripts/main.js'),
    {//Parameters
      selectAllButton: this.dtconfig.selectAllButton
     }
  );

还有它们，在 templates/main.js 文件中:

<% if (selectAllButton) { %>
//apply selectaAll header render for dt.