值返回Null,但状态正确

时间:2019-01-31 06:11:29

标签: angular typescript

我在这里有点困惑。我有一个订阅和获取数据的父组件(我正在使用redux dev工具,正在监视它,并在需要时更新状态)。在组件A中,我正在这样做:

public FDC$ = this.store.pipe(select(fromRoot.getFDC));

在父组件模板的下一步中,我将FDC $发送给子组件,如下所示:

  <app-order-list [fdc]= "(FDC$ | async)"></app-order-list>

在子组件中,我有fdc作为输入。

当我尝试console.log fdc时,它返回null,但是在redux dev工具中,它显示了正确的状态。好像没有将数据从父级发送到子级。

编辑:添加选择器

根:

export const getCurrent= (state: State) => state.current;

export const getFDC= createSelector(current, state => state.FDC);

(在根索引中,我称它为current,所以我可以从fromRoot.getFDC进行操作)

1 个答案:

答案 0 :(得分:0)

代表我的错误,状态是在子组件的NgOnInit之前未更新,因此该值返回了null。我最终实现了NgOnChange,现在效果很好。谢谢大家