{{myArray}}现在在视频测试版中更新了16

Question

更改检测已更改。

在测试版16之前，如果您的视图包含{{myArray}}，则如果您不修改数组引用，则该绑定不会更新。例如，如果您将push()个项目放入阵列，则视图不会更新以显示新项目。解释是（好吧，是）因为数组引用没有改变，Angular变化检测不会重新评估绑定。这个beta.15 plunker演示了这种行为。

从beta.16（以及RC.1）开始，情况就不同了。即使数组引用没有更改，{{myArray}}绑定也会更新！请参阅此RC.1 plunker。

我看了ChangeLog for beta.16，但我没有看到任何可以解释这种行为变化的事情（但也许我错过了什么）。有谁知道是什么导致了这种变化，还有什么可能会受到影响？

Plunker代码：

@Component({
  selector: 'child',
  template: `<p>child: {{arr}}`
})
export class Child {
  @Input() arr;
}
@Component({
  selector: 'my-app',
  template: `{{title}} <p>parent: {{arr}}
    <button (click)="modifyArray()">modify array</button>
    <child [arr]="arr"></child>`,
  directives: [Child]
})
export class AppComponent {
  title = "Angular 2 beta.15";  // or "Angular 2 RC.1", as appropriate
  arr = 'one two three'.split(' ');
  modifyArray() {
    this.arr.push('another');
    console.log(this.arr);
  }
}

Answer 1

我认为与DetectChanges相关的代码已更改（ ChangeDetector.detectChangesInRecordsInternal beta.15 vs View.detectChangesInternal rc.1）。你可以在图片中看到它。

Beta.15堆栈

正如您所看到的，有一个数组比较

RC.1堆栈

然后我们可以看到表达式（字符串）的比较，它们是不同的。因此，角度rc.1将更新视图。

它可以帮助你：）