问题描述： 当使用Angular HttpClient发出put请求时，返回的observable为null。

解决方法：

1. 确保服务器端正确处理了PUT请求，并返回了正确的响应。

2. 确保在调用put方法时，提供了正确的URL和请求体。

3. 使用subscribe方法订阅返回的observable，并处理响应数据。

下面是一个示例代码，演示了如何使用Angular HttpClient发出put请求并处理返回的observable。

import { HttpClient, HttpHeaders } from '@angular/common/http';

// 在组件的构造函数中注入HttpClient
constructor(private http: HttpClient) { }

// 定义一个接口来表示服务器返回的数据结构
interface MyData {
  id: number;
  name: string;
  email: string;
}

// 发出put请求的示例方法
updateData(data: MyData) {
  // 设置请求体
  const body = JSON.stringify(data);

  // 设置请求头
  const headers = new HttpHeaders({ 'Content-Type': 'application/json' });

  // 发出put请求
  this.http.put('https://example.com/api/data', body, { headers })
    .subscribe(
      response => {
        // 处理响应数据
        console.log('Put request successful', response);
      },
      error => {
        // 处理错误
        console.error('Put request error', error);
      }
    );
}

注意事项：

• 确保在调用put方法时，提供了正确的URL和请求体，并设置了正确的请求头。
• 使用subscribe方法订阅返回的observable，并处理响应数据或错误信息。
• 在处理响应数据时，根据服务器返回的数据结构定义一个接口，并将其作为泛型参数传递给put方法。
• 在处理错误时，可以在控制台输出错误信息或采取其他适当的措施。

希望这个示例能帮助到你解决问题。