从输入属性接收未定义的

Question

好的，我试图通过调用父组件的html文件上的选择器来接收来自另一个组件的数据，如下所示：

<app-graphs [module]="module" hidden></app-graphs>

在子组件中，我添加了如下所示的输入属性：

@Input() module: Module = new Module({});

但是在子组件的ngOnInit中，当我记录从输入接收到的模块的内容时，总是空/未定义。我将另一个console.log放在ngOnChanges中，当我回到上一个页面时，它实际上记录了我期望的内容。所以当我第一次尝试使用它时，它似乎没有加载。有人能帮我吗？它没有任何错误或任何东西，而且这两个组件的文件夹位于同一个文件夹中。我不知道该怎么办

我在十三号角

Answer 1

从这段代码中，您试图为输入保留一个默认值，但是只有当父组件不为属性传递任何值时，默认值才会出现。在这里，父组件首先传递未定义的值，该值覆盖默认值。

要解决这些问题，你必须做以下其中之一：-

只有在存在数据时，

1. 才初始化此组件。

1. 在子组件的ngOnChanges中执行您的逻辑，因此当值可用并且收到更改时，您可以执行逻辑.