Angular 2 - 子组件属性不保留状态

Question

我有一个问题，导致了相当多的头部刮伤。希望你能提供帮助。子组件包含一个按钮，用于切换其中一个布尔属性。通过在更改之前和之后将属性值记录到控制台，可以在已验证的函数中进行更改。但似乎只发生在函数范围内，实际属性值不变。看起来该函数正在属性值的本地副本上运行。任何想法在这里发生了什么？

谢谢，

瑞恩。

// child.component.html

<button (click)="toggleProp()">Toggle </button>

// child.component.ts

prop : boolean = true;

toggleProp()
{
      console.log(this.prop); // call 1: true, call 2: true
      this.prop = !this.prop;
      console.log(this.prop); // call 1: false, call 2: false