javascript - Angular2 路由中的问题。子级的输入未呈现

Question

route: /home

    <a routerLink="/dasbhoard"></a>

----------- 

route: /dashboard

<Dashboard>
  <slot  [slotObj]></slot>
  <carousel [carouselObj]></carousel>
</Dashboard>

我正在从事一个具有与上述结构类似的项目。当用户单击主页组件中的 anchor 标记时，他将被路由到仪表板组件。我使用 Resolve api 预取仪表板组件的对象，然后将这些对象发送到仪表板内的子组件:插槽和轮播

预取和页面渲染一切正常。但是，我注意到路由更改时子组件的输入没有传播。

有趣的是，如果直接访问仪表板组件或在导航后重新加载页面，一切都运行良好。

简而言之，在 ui 路由到 Dashboard 组件时，子组件无法正确渲染，并且无法对其执行单击操作，但是当重新加载同一页面时，所有功能都可以正常工作。

对此的任何帮助都会有所帮助。我想避免硬导航修复。

Answer 1

您应该为输入属性分配一些值，如下所示

<Dashboard>
  <slot  [slotObj]="slotObjwithValues"></slot>
  <carousel [carouselObj]="carouselObjwithValues"></carousel>
</Dashboard>