在Angular中，有时候计算得到的值会无法在JSON中正确显示，这是因为计算值未被Angular检测到。为此，可以使用changeDetectorRef.forceUpdate()方法强制Angular更新视图。

以下是一个示例：

component.ts:

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
  data: any = { number1: 2, number2: 3 };
  calculatedValue: number;

  constructor(private cdr: ChangeDetectorRef) {}

  calculateValue() {
    this.calculatedValue = this.data.number1 + this.data.number2;
    this.cdr.detectChanges(); // 强制更新视图
  }
}

component.html：

  
Number 1: {{ data.number1 }}
  
Number 2: {{ data.number2 }}
  Calculate Value
  
Calculated Value: {{ calculatedValue }}

在上述例子中，当点击“Calculate Value”按钮时，通过计算this.data.number1和this.data.number2的和得到计算值，并将其赋值给this.calculatedValue。此时，由于计算值未被Angular检测到，因此无法在视图中正确显示。使用this.cdr.detectChanges()方法强制更新视图即可解决此问题。