据我了解，组件中的 Input 字段应该是单向的（父到子）。但是，我将一个值传递给Input，然后在组件中对其进行修改，但我注意到它在父组件中也发生了变化。这对我来说很有意义，因为对象是通过引用传递的，但我猜这意味着 Angular 设置的整个“单向绑定”东西只是一个范式，而不是严格的？ Angular 在后台没有做任何事情来强制执行单向绑定？
基本上，我在做：
<session-form [values]="session"></session-form>
在 session-form 组件中，我将 session.start 从 unixtimestamp 更改为 Moment 对象。但是我注意到在父级中，session.start 也是一个 Moment 对象。
是否有使用此类数据的范例？设置后，我是否应该将输入值复制到严格限制在组件范围内的变量？
【问题讨论】：
标签： angular
查看智能/哑（容器/展示）组件架构。
基本上这个想法是智能组件包含应用程序的状态或与包含状态的服务对话。哑组件只是渲染从@Input 给它的数据。智能组件将状态传递给哑组件。
您使用事件发射器告诉智能组件更新数据，而不是直接更新哑组件中的数据。这样你就有了单向数据流。
【讨论】：
是的，对象是通过引用传递的。但是，您不应该使用[(ngModel)] 将对象的属性绑定到表单，因为它是双向绑定，并且由于对象是通过引用传递的，因此它也会在父组件中反映对它的更改。您应该创建一个 FormGroup 并使用 FormBuilder.group() 函数将对象值传递给它，因为它是一个方向性的。
// Inside of your child component
@Input() myInput: SomeClass;
form: FormGroup
constructor(
private formBuilder: FormBuilder
) { }
ngOnInit(): void {
this.form = this.formBuilder.group({
prop1: [this.myInput.prop1],
// etc.
});
}
【讨论】：
[value] 的一种方式。另外，我在组件中使用了 FormGroup，但我还需要修改数据以在表单外使用。
[value] 以一种方式传递输入，但正如您所说，它是对一个对象的引用，如果您在孩子内部使用双向绑定绑定它的任何属性组件，它将反映到父组件。 FormGroup 阻止您这样做。如果您需要在表单外的子组件内部进行双向绑定，则需要自己进行。例如，在名为private prop1: string; 的组件中创建一个变量，并在ngOnInit 中将一个对象的值赋给该变量this.prop1 = myObj.prop1，现在您可以将其绑定为2 路
[(ngModel)] 将这些数据绑定到表单之外。 :)
[value] 传入的数据（将时间戳转换为 Moment 对象），我需要在子组件中显示这些数据。尽管这是一种方式，但我看到父组件的值也更改为 Moment 对象，这对于参考 POV 来说是有意义的，但我没有意识到单向绑定会发生这种情况。我绝不会使用两种方式绑定；我正在使用所有动态表单。