主从组件
继学习笔记6，现在可以在页面上显示一个数组，但是原则上不能将所有特性放在同一个组件中，因为如果将所有特性放在同一个组件中，当特性特别多时，组件就变得不好维护了。所以要将大型组件拆分为多个小型组件，使每一个小型组件集中处理某一个特性任务或者工作流，而且这样也便于维护。
这次要将学习笔记6中的查看hero详情，放置在一个新的，独立，可复用的组件中，集中在新的组件管理和维护hero详情的信息。
1.创建一个新的组件
使用 Angular CLI 生成一个名叫 hero-detail 的新组件。
这样就生成了 HeroDetailComponent 组件所需要的文件，并把它声明在 AppModule 中。
2.编写 HeroDetailComponent的模版（hero-detail.component.html）
从 HeroesComponent 模板的底部把表示英雄详情的 HTML 代码剪切粘贴到所生成的 HeroDetailComponent 模板中。
粘贴过来的HTML代码中，有selectHero这个属性，由于现在我们展示的不仅仅是被选中的hero，而是需要展示的是每一个hero，这个过程相当于将HeroDetail这个组件的功能扩大化。所以将其更改为：hero,hero-detail.component.html如下：
{{hero.name | uppercase}} Details
id: {{hero.id}}
