更改类变量值angular2时视图未更新

在Angular 2中，当更改类变量的值时，视图不会自动更新的原因是Angular采用了变化检测策略来优化性能。默认情况下，Angular使用的是"检查每个组件"的变化检测策略，也称为默认策略。

在默认策略下，Angular只会在以下情况下检测到变化并更新视图：

事件触发：例如点击按钮、输入框输入等。
异步操作：例如通过HTTP请求获取数据后更新视图。
定时器：例如使用setTimeout或setInterval函数。

如果只是简单地更改了类变量的值，而没有触发上述情况之一，Angular不会自动检测到变化并更新视图。

为了解决这个问题，可以使用Angular提供的ChangeDetectorRef服务手动触发变化检测。ChangeDetectorRef服务提供了一些方法，例如markForCheck()和detectChanges()，可以用来通知Angular进行变化检测并更新视图。

以下是一个示例代码：

import { Component, ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <div>{{ value }}</div>
    <button (click)="changeValue()">Change Value</button>
  `,
})
export class ExampleComponent {
  value: string;

  constructor(private cdr: ChangeDetectorRef) {
    this.value = 'Initial Value';
  }

  changeValue() {
    this.value = 'New Value';
    this.cdr.detectChanges(); // 手动触发变化检测
  }
}

在上述示例中，当点击"Change Value"按钮时，changeValue()方法会更改value变量的值，并通过调用cdr.detectChanges()手动触发变化检测，从而更新视图。

需要注意的是，频繁地手动触发变化检测可能会影响性能，因此应该谨慎使用。在大多数情况下，Angular的默认变化检测策略已经足够满足需求，只有在特定情况下才需要手动触发变化检测。

关于Angular的变化检测和ChangeDetectorRef服务的更多信息，可以参考腾讯云的Angular文档：Angular 变化检测。