【问题标题】:Angular 4 : Strategy to divide application into componentsAngular 4:将应用程序划分为组件的策略
【发布时间】:2018-04-19 07:51:45
【问题描述】:

我是 Angular 的新手,所以在一个项目中。我有以下 senerio。

场景:点击“tile1”(第一张图片)...“tile1a”、“tile1b”、“tile1c”应该出现(第二张图片)...等等。

有没有一种策略可以帮助我了解我的页面应该分为多少个组件和模块?

【问题讨论】:

  • tile1a 和 tile1 是什么意思? tile1a 和 tile1b 将包含相同的详细信息?如果是这样,那么您应该创建一个单独的组件并动态重用它
  • 需要第一个 4 组件和第二个 5 组件
  • 无论你做什么,你做了多少组件,避免让组件太大。您可以使组件越简洁和具体,它就越可重用和简化,这有助于创建更简单、更好维护的代码。
  • @TheDictator ,最初在页面加载 tile1, tile2,..... tile5 将可见,点击 tile1 - tile1a, tile1b... 将出现。

标签: angular components angular2-template web-component


【解决方案1】:

我会这样做:

  1. 导航栏组件
  2. 侧栏组件
  3. 对象列表组件(显示图块列表的地方)
  4. 对象详细信息组件(显示所选组件的 tile1a、tile1b、tile1c 数据)

这种 ma​​ster-details 结构在 Angular 应用程序中非常常见,您可以在 Angular 教程中找到一个简单的示例:https://angular.io/tutorial/toh-pt3

【讨论】:

    猜你喜欢
    • 2016-04-06
    • 1970-01-01
    • 1970-01-01
    • 2018-01-20
    • 2017-09-13
    • 1970-01-01
    • 2018-03-07
    • 2023-04-08
    • 1970-01-01
    相关资源
    最近更新 更多