Описание тега angular-httpclient

Описание тега Вопросы с тегом

Angular HttpClient - это новый HTTP-клиент Angular начиная с версии 4.3 из пакета @angular/common/http. Это обновленная версия бывшего пакета @angular/http. В отличие от прежнего устаревания, ответы HttpClient можно вводить, а JSON анализируется автоматически. Вы также можете использовать перехватчики для неизменяемого ответа и запроса.

В HttpClient класс от @angular/common/http (который был представлен в Angular v4) - это более новая реализация устаревшего прежнего Http класс от @angular/http.

HttpClientпредоставляет возможность указать тип возврата HTTP-запроса. См. Пример ниже:

export interface Food {
  name: string;
  type: 'fruit' | 'dairy' | /* ... */;
}

// ...

@Component({ /* ... */ })
export class AppComponent {
  foods: Observable<Food[]>;
  constructor(private http: HttpClient) {
    // Specify the return type using the first union type
    this.foods = http.get</* specify return type here */Food[]>('https://example.com/foods.json');
  }
}

<ul *ngFor="let food of foods | async">
  <li>
    <p><strong>Name</strong>: {{ food?.name }}</p>
    <p><strong>Type</strong>: {{ food?.type | titlecase }}</p>
</ul>

foods.json:

[
  {
    name: 'Banana',
    type: 'fruit'
  },
  {
    name: 'Apple',
    type: 'fruit'
  },
  {
    name: 'Milk',
    type: 'diary'
  },
  ...
]

Он также добавляет возможность для HTTP-перехватчиков, которые:

... проверять и преобразовывать HTTP-запросы от вашего приложения к серверу [и наоборот] - Angular - HttpClient

Дополнительную информацию см. В разделе " Создание перехватчика".

Для получения более подробной документации по HttpClient см. руководство по Angular - HttpClient.