在Angular中，当状态改变但UI没有更新时，可能是因为变更检测机制没有被触发。以下是几种解决方法的示例代码：

1. 使用ChangeDetectorRef手动触发变更检测：

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

@Component({
  selector: 'app-my-component',
  template: '{{ myValue }}',
})
export class MyComponent {
  myValue: string;

  constructor(private cdr: ChangeDetectorRef) {}

  updateValue() {
    // 更新myValue的值
    this.myValue = 'New Value';

    // 手动触发变更检测
    this.cdr.detectChanges();
  }
}

2. 使用NgZone运行代码以触发变更检测：

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

@Component({
  selector: 'app-my-component',
  template: '{{ myValue }}',
})
export class MyComponent {
  myValue: string;

  constructor(private ngZone: NgZone) {}

  updateValue() {
    // 更新myValue的值
    this.myValue = 'New Value';

    // 在NgZone中运行代码以触发变更检测
    this.ngZone.run(() => {});
  }
}

3. 使用异步操作（如Promise或RxJS的Observable）来更新状态：

import { Component } from '@angular/core';
import { Observable } from 'rxjs';

@Component({
  selector: 'app-my-component',
  template: '{{ myValue }}',
})
export class MyComponent {
  myValue$: Observable;

  constructor() {
    // 使用Observable来更新myValue的值
    this.myValue$ = new Observable((observer) => {
      observer.next('New Value');
      observer.complete();
    });
  }
}

请注意，上述解决方法中的代码示例仅为演示目的，并不能直接运行。您需要根据自己的具体情况进行适当的修改和调整。