要解决Angular组件中异步管道导致屏幕上的值不刷新的问题，可以采用以下方法：

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

在组件的构造函数中注入ChangeDetectorRef，然后在异步管道代码执行完成后，调用detectChanges()方法手动触发变更检测。

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

@Component({
  selector: 'app-example',
  template: '{{ asyncValue | async }}'
})
export class ExampleComponent {
  asyncValue: Observable;

  constructor(private cdr: ChangeDetectorRef) {
    this.asyncValue = this.getAsyncValue();
  }

  getAsyncValue(): Observable {
    // 异步操作，比如从API获取数据
  }

  someMethod(): void {
    this.asyncValue.subscribe(() => {
      // 异步操作完成后手动触发变更检测
      this.cdr.detectChanges();
    });
  }
}

2. 使用async管道和ngZone：

在组件的构造函数中注入NgZone，然后将异步操作包裹在ngZone.run()方法中。这样可以确保在异步操作完成后，Angular将自动执行变更检测。

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

@Component({
  selector: 'app-example',
  template: '{{ asyncValue | async }}'
})
export class ExampleComponent {
  asyncValue: Observable;

  constructor(private ngZone: NgZone) {
    this.asyncValue = this.getAsyncValue();
  }

  getAsyncValue(): Observable {
    // 异步操作，比如从API获取数据
  }

  someMethod(): void {
    this.ngZone.run(() => {
      this.asyncValue.subscribe(() => {
        // 异步操作完成后，Angular将自动执行变更检测
      });
    });
  }
}

通过以上两种方法，可以确保在异步管道的值变化时，屏幕上的值会更新。