如何修改由grunt-ngDocs生成的网站的外观模板？

最终目标是将生成的文档集成到网站内.

例如,我们要为每个主题显示以下选项卡

>演示(专注于最终用户渲染)
>代码(针对开发人员)

为此,我们需要修改ngDocs使用的模板,但是如何？

解决方法:

要创建其他选项卡,只需向ngdocs任务添加另一个Target：

ngdocs: {
  options: {        
    ...
    startPage: '/code' // this is displayed first
    ...        
  },
  demo: {
    src: ['path/to/demo/files'],
    title: 'Demo'
  },
  code: {
    src: ['path/to/code/files'],
    title: 'Code'
  }
}

现在,关于自定义模板.

您可以提供自己的Template file和CSS file.

您甚至可以创建自定义Navigation Template