ionic2 的页面可以支持嵌套目录结构吗？答案

【问题标题】：Can ionic2's pages support nested directory structure?ionic2 的页面可以支持嵌套目录结构吗？
【发布时间】：2017-02-22 20:34:32
【问题描述】：

我看到很多 Ionic 2 项目的pages 目录是一个扁平结构，如下图（如果我们使用它的生成命令，生成的目录结构是扁平的）。

例如

    pages/
      |- login/
      |    |-login.html
      |    |-login.scss
      |    |_login.ts
      |- logout/
      |    |-logout.html
      |    |-logout.scss
      |    |_logout.ts
      |- order-list/
      |    |-order-list.html
      |    |-order-list.scss
      |    |_order-list.ts
      |- order-detail/
      |    |-order-detail.html
      |    |-order-detail.scss
      |    |_order-detail.ts

但是如果一个项目包含很多页面，我希望pages目录支持如下子目录：

例如

    pages/
      |- auth/
      |     |- login/
      |     |    |-login.html
      |     |    |-login.scss
      |     |    |_login.ts
      |     |- logout/
      |     |    |-logout.html
      |     |    |-logout.scss
      |     |    |_logout.ts
      |- order/
      |     |- list/
      |     |    |-list.html
      |     |    |-list.scss
      |     |    |_list.ts
      |     |- detail/
      |     |    |-detail.html
      |     |    |-detail.scss
      |     |    |_detail.ts

Ionic 2 的pages 支持这个吗？向providers 和pipes 等其他目录提出同样的问题。

【问题讨论】：

标签： angular typescript ionic2 ionic3

【解决方案1】：

当然可以。事实上，与其按照它们是什么（页面、提供程序、管道、指令等）对事物进行分组，我更喜欢按照它们的作用对它们进行分组。 em> 就像Angular 2 style guides 推荐的一样。

按功能分类的文件夹结构样式 04-07

创建以它们所代表的功能区域命名的文件夹。

为什么？开发人员可以定位代码，识别每个文件的内容一目了然，结构尽可能平坦，并且没有重复或冗余的名称。

为什么？ LIFT 指南均已涵盖。

为什么？通过组织帮助减少应用程序变得混乱内容并使其与 LIFT 指南保持一致。

为什么？当有很多文件（例如 10+）时，定位它们更容易具有一致的文件夹结构，并且在平面中更难结构。

请记住，您必须更新所有文件以及组件templateUrl 属性中的引用（如果您不使用 RC 版本）。所以

@Component({
  templateUrl: 'build/pages/login/login.html',
  pipes: [ ... ],
  directives: [ ... ]
})
...

会变成：

@Component({
  templateUrl: 'build/pages/auth/login/login.html',
  pipes: [ ... ],
  directives: [ ... ]
})
...

【讨论】：

【解决方案2】：

是的。确实如此。

在 src/app/app.module.ts 中导入 NgModule 的页面时，您只需要尊重嵌套

【讨论】：