2

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

例如

    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 2pages支持这个吗？对其他目录（如providers和）的相同问题pipes。

4

2 回答 2

3

当然可以。事实上，与其按照事物的本质（页面、提供程序、管道、指令等）对事物进行分组，我更喜欢按照 Angular 2 风格指南推荐的方式对它们进行分组。

文件夹按功能结构样式 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: [ ... ]
})
...
于 2016-10-14T10:38:20.917 回答
0

是的。确实如此。

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

于 2016-10-13T19:51:47.800 回答