从子路径添加到父模板

Question

可以说我正在创建一个购物网站。我想在主模板标题中显示一个购物车。购物车应仅显示在购物页面中，而不显示在其他页面中。例如，付款页面不应包含该信息。

现在，我找不到从子组件内部向主模板（在本例中为购物车）中注入内容的方法。换句话说，我应该如何在主模板中创建一个占位符，并从子对象中填充它

Answer 1

app component -> <router-outlet />

route: /shopping-page -> <cart /><router-outlet />
  child routes: /shopping-page/:item -> <child-content />

route: /payment-page -> <payment-content />

如上所述，为包含公共组件和路由出口的公共组件的页面的包装器组件创建路由，并将所有页面声明为该路由的子代，并仅使用非公共内容填充这些模板

然后将不需要的内容粘贴在不需要通用组件的页面的路由中。

您不会从孩子那里填充主内容，模板只是适当地嵌套。