角度组件细节级别

时间:2017-03-08 19:47:42

标签: angular module components details

我现在正在接管一个项目。这是一个Angular2项目。在这个项目中,所有内容都分解为非常详细的组件。

例如,没有标题组件,相反,有一个模块视图组件(textModule,ImageModule,buttonModule是模块视图组件的所有实例),标头由textModule和ImageModule两部分组成。

我理解使用模块化组件的重要性。但是有必要将标题分解为这个非常微不足道的组件级别吗?

1 个答案:

答案 0 :(得分:0)

根据应用程序中标题的功能,这可能有点矫枉过正。重要的是要考虑组件尽可能可重复使用,以便它们可以在应用程序的不同部分或将来的应用程序中进行回收。考虑到这一点,我有几个问题:

  1. 项目使用的角度是什么版本?你有标记angularjs和angular2。 Angularjs现在指的是角1.x而Angular指的是角2.X,3.x,4.x等。有关Angular中语义版本控制的完整说明,请参阅here
  2. textModule,imageModule和buttonModule是实际模块还是它们的组件?
  3. 一般来说,模块是将应用程序分成特定的关注点 - 每个关注点都有自己的服务,提供程序和组件 - 并提供延迟加载功能。因此,为每个这些原始组件设置模块并没有多大意义。

    我编写的应用程序具有由许多不同组件组成的Header组件。例如,您可能有一个搜索栏,它是一个单独的组件,具有自己包含的功能,例如调用服务器。您还可以拥有一个用户配置文件组件,该组件具有与用户相关的切换选项列表,例如注销,请参阅配置文件等。

    智能和表示组件的概念是决定如何对应用程序进行分块时要考虑的另一个因素。这个post描述了Angular中用于创建这些组件的一些最佳实践。

    希望有所帮助!随意扩展您的问题:)