angular父子路由

本例最后要实现的效果是，点击“新闻”下面会出现新闻详情的各种链接（是新闻的子组件），点击“商品”的时候下面是商品分类，商品列表，（两个商品的子组件）

点新闻的时候 点商品时候

步骤：1,新建所有的组件，shop(父1),shoplist(子),shopcate(子),home(父2),news(子),在app.module引入并声明

app.module 新建--引入-声明

2,在app.routing中像正常配置路由一样，只不过在路径下面，添加了children。

app-routing引入组件--配置路由

3,app-component.html模块，实现配置。

4，在两个父组件,home,shop 下面实现同样的配置，注意的router-outlet不能少，并且 路径要对上。

shop父组件html home父组件html

5，OK。