在Angular中，异步管道在视图交互之前不会更新视图的问题可以通过以下解决方法来解决：

1. 使用异步管道： 使用异步管道可以确保在异步操作完成后再更新视图。例如，可以使用内置的async管道来处理异步数据绑定。

{{ myAsyncData | async }}

在这个示例中，myAsyncData是一个返回Promise或Observable的异步操作。async管道会等待异步操作完成并获取其结果，然后更新视图。

2. 手动触发变更检测： 如果异步操作不是通过Angular的内置异步管道处理的，那么你可以手动触发变更检测来更新视图。可以使用ChangeDetectorRef服务来实现这一点。

首先，在组件的构造函数中注入ChangeDetectorRef服务：

constructor(private cdr: ChangeDetectorRef) {}

然后，在异步操作完成后，调用markForCheck方法来标记组件以进行变更检测：

this.myAsyncOperation().subscribe(() => {
  // 异步操作完成后的代码
  
  this.cdr.markForCheck(); // 标记组件以进行变更检测
});

markForCheck方法会标记组件以进行变更检测，使得视图更新。

这些解决方法可以确保在异步操作完成后更新视图，以避免"异步管道在视图交互之前不会更新视图"的问题。