Question

我不太了解Angular中的行为。假设我有两个部分：父母和孩子。父组件将数据传递给子组件。

在子组件中：

我不知道是否清楚，所以我做了这个 punker ：

单击“更新薪水”以更新员工对象的薪水属性。点击“更新员工”以更新员工对象值。

有人可以向我解释这种行为吗？我虽然使用方括号和@Input（）仅用于单向数据绑定，但现在却感到困惑。

谢谢！

Answer 1

它是对象引用的问题。只要对象具有相同的引用，就可以检测到更改。

在您的情况下-您正在将新值分配给子组件中的employee，这会破坏链。现在，父级指向不同的employee对象，子级指向不同的employee。

简而言之，您始终需要确保可以更改对象的属性，但不应将其重新分配（引用更改）给其他对象。

在您的示例中，我修改了

this.employee = this.employee2;

到

Object.assign(this.employee,this.employee2);  // this will change the existing object.