在Angular中，Observable是一种非阻塞的数据流，它可以用来处理异步操作。有时，当使用Observable时，可能会遇到实时中不显示值的问题。下面是一些解决方法：

1. 使用管道（pipe）和异步管道（async pipe）：

   • 在模板中使用异步管道（async pipe）来订阅和显示Observable的值。这样，当Observable发出新的值时，模板会自动更新。
   • 示例代码：

   // 组件中的代码
   import { Observable } from 'rxjs';
   
   export class MyComponent {
     data$: Observable;
   
     constructor(private myService: MyService) {
       this.data$ = this.myService.getData();
     }
   }
   
   // 模板中的代码
   {{ data$ | async }}
   

2. 在组件中手动订阅Observable：

   • 在组件中手动订阅Observable，并在回调函数中更新组件的属性。然后，通过绑定该属性到模板中来显示值。
   • 示例代码：

   // 组件中的代码
   import { Component, OnInit } from '@angular/core';
   import { Observable } from 'rxjs';
   import { MyService } from './my.service';
   
   export class MyComponent implements OnInit {
     data: any;
   
     constructor(private myService: MyService) {}
   
     ngOnInit() {
       this.myService.getData().subscribe((result) => {
         this.data = result;
       });
     }
   }
   
   // 模板中的代码
   {{ data }}
   

3. 使用BehaviorSubject：

   • 使用BehaviorSubject来创建一个具有默认值的可观察对象，并使用next方法在需要时更新值。这样，即使在订阅Observable之前，也可以获得初始值。
   • 示例代码：

   // 服务中的代码
   import { BehaviorSubject } from 'rxjs';
   
   export class MyService {
     private dataSubject = new BehaviorSubject(null);
   
     getData(): Observable {
       // 假设在一些异步操作之后，你获得了新的数据
       const newData = 'New Data';
   
       // 更新BehaviorSubject的值
       this.dataSubject.next(newData);
   
       // 返回可观察对象
       return this.dataSubject.asObservable();
     }
   }
   
   // 组件中的代码
   import { Component, OnInit } from '@angular/core';
   import { Observable } from 'rxjs';
   import { MyService } from './my.service';
   
   export class MyComponent implements OnInit {
     data$: Observable;
   
     constructor(private myService: MyService) {}
   
     ngOnInit() {
       this.data$ = this.myService.getData();
     }
   }
   
   // 模板中的代码
   {{ data$ | async }}
   

这些方法可以帮助你解决Angular中Observable在实时中不显示值的问题。根据你的具体情况，选择适合的方法来处理Observable的值。