Angular 4:将应用程序划分为组件的策略

时间:2018-04-19 07:51:46

标签: angular components angular2-template web-component

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

场景:点击“tile1”(第1张图片)...“tile1a”,“tile1b”,“tile1c”应该出现(第2张图片)......依此类推。

enter image description here

enter image description here

是否有策略可以帮助我了解我的页面应分成多少组件和模块?

1 个答案:

答案 0 :(得分:0)

我会按以下方式进行:

  1. 导航栏组件
  2. 侧栏组件
  3. 对象列表组件(显示切片列表)
  4. 对象详细信息组件(显示所选组件的tile1a,tile1b,tile1c数据)
  5. 这个主 - 细节结构在Angular应用程序中非常常见,你可以在Angular教程中找到一个简单的例子:https://angular.io/tutorial/toh-pt3