在Angular中，你可以使用DatePipe来转换日期，并使用ChangeDetectorRef来强制更新视图。

首先，确保你已经导入了DatePipe和ChangeDetectorRef：

import { DatePipe } from '@angular/common';
import { ChangeDetectorRef } from '@angular/core';

然后，在组件的构造函数中注入DatePipe和ChangeDetectorRef：

constructor(private datePipe: DatePipe, private cdr: ChangeDetectorRef) {}

接下来，在需要转换日期的地方，使用DatePipe来转换日期。例如，假设你有一个名为myDate的变量：

myDate: Date;

你可以在模板中使用{{ }}插值表达式来显示转换后的日期：

{{ myDate | date }}

或者，你可以在组件中使用DatePipe来手动转换日期，并强制更新视图：

transformedDate: string;

updateDate() {
  this.transformedDate = this.datePipe.transform(this.myDate, 'yyyy-MM-dd');
  this.cdr.detectChanges();
}

然后，在需要更新日期的地方调用updateDate()方法。

这是一个完整的示例代码：

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

@Component({
  selector: 'app-date-conversion',
  templateUrl: './date-conversion.component.html',
  styleUrls: ['./date-conversion.component.css']
})
export class DateConversionComponent implements OnInit {
  myDate: Date;
  transformedDate: string;

  constructor(private datePipe: DatePipe, private cdr: ChangeDetectorRef) {}

  ngOnInit() {
    this.myDate = new Date();
    this.updateDate();
  }

  updateDate() {
    this.transformedDate = this.datePipe.transform(this.myDate, 'yyyy-MM-dd');
    this.cdr.detectChanges();
  }
}

在模板中，你可以使用{{ }}插值表达式来显示转换后的日期：

{{ transformedDate }}

最后，请确保在app.module.ts中提供了DatePipe：

import { DatePipe } from '@angular/common';

@NgModule({
  // ...
  providers: [DatePipe],
  // ...
})
export class AppModule { }

这样，当myDate变化时，转换后的日期也会相应地改变并更新到视图中。