要解决Angular对JSON文件的HTTP请求返回未定义的问题，你可以使用RxJS的map操作符来处理返回的HTTP响应。以下是一个示例代码：

import { HttpClient } from '@angular/common/http';
import { map } from 'rxjs/operators';

@Injectable()
export class DataService {
  constructor(private http: HttpClient) {}

  getData() {
    return this.http.get('assets/data.json').pipe(
      map((response: any) => {
        // 在这里处理返回的JSON数据
        return response;
      })
    );
  }
}

在上面的示例中，我们使用HttpClient来发送请求并获取JSON数据。在map操作符中，我们对返回的响应进行处理，并返回处理后的数据。你可以根据自己的需求对JSON数据进行进一步的处理。

在你的组件中，你可以调用getData方法来获取处理后的JSON数据：

export class YourComponent implements OnInit {
  data: any;

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.dataService.getData().subscribe((response: any) => {
      this.data = response;
    });
  }
}

在上面的示例中，我们注入了DataService并调用了getData方法来获取JSON数据。然后我们通过订阅getData方法返回的Observable来获取处理后的数据，并将其赋值给data变量。

这样，你就可以在组件中使用data变量来访问处理后的JSON数据了。