как связать ответные данные в угловом формате, используя http-клиент, используя API сторонней

Question

как связать ответные данные в угловом формате, используя http-клиент, используя API-интерфейс третьей стороны.

получить данные отклика в консоли, но не может связать данные маршрута поезда в моем пользовательском интерфейсе.

Я загрузил свой код на github. пожалуйста, посмотрите мой код. https://github.com/vibhutikumar11/angularHttpClientGetRequest/

Спасибо

Answer 1

Проверьте этот пример .

вам просто нужно присвоить переменную

  ngOnInit() { 
    this.http.get<DataResponse>('https://api.railwayapi.com/v2/route/train/12566/apikey/xg6ymuliox/').subscribe(data => {
         this.data = data;
        },
        (err: HttpErrorResponse) => {
          if (err.error instanceof Error) {
            console.log('Client-side error occured.');
          } else {
            console.log('Server-side error occured.');
          }
        }
      );
  }

Answer 2

Вы можете использовать асинхронные наблюдаемые, чтобы связать данные из API напрямую с угловым компонентом.

In .ts

 myObservable = new Observable((observer) => {
  this.http.get<DataResponse>('https://api.railwayapi.com/v2/route/train/12566/apikey/xg6ymuliox/').subscribe(data => {
    observer.next(data);

         },
         (err: HttpErrorResponse) => {
           if (err.error instanceof Error) {
             console.log('Client-side error occured.');
           } else {
             console.log('Server-side error occured.');
           }
         }
       );
      }
      );

В .html

<div *ngFor="let item of myObservable | async">
     Do any bindings you want
 </div>