Блог

Главная - Вопросы по программированию - Как интегрировать API-интерфейс Django Rest Framework с интерфейсом в AngularJS?

Как интегрировать API-интерфейс Django Rest Framework с интерфейсом в AngularJS?

#angularjs #angular

Вопрос:

Это мой первый контакт с AngularJS. Я хотел бы интегрировать api с интерфейсом в Angular, моя цель-просто вернуть список данных, моя цель-сделать его как можно более простым. Экран API

Комментарии:

1. Чего вы достигли до сих пор?

2. до сих пор я обнаружил, что самый простой способ-использовать угловой httpclient library.@jo-chris

3. я рекомендую вам придумать несколько идей от себя, а затем вернуться сюда. Создайте конечную точку в своем api rest django и попробуйте вызвать эту конечную точку с помощью httpclient.

Ответ №1:

[ссылка][1] Настройка связи с сервером Прежде чем вы сможете использовать HttpClient, вам необходимо импортировать модуль углового HttpClient. Большинство приложений делают это в корневом модуле приложений.

 app/app.module.ts (excerpt)


    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { HttpClientModule } from '@angular/common/http';

You can then inject the HttpClient service as a dependency of an application class, as shown in the following ConfigService example.

app/config/config.service.ts (excerpt)

    import { Injectable } from '@angular/core';
    import { HttpClient } from '@angular/common/http';
    
    @Injectable()
    export class ConfigService {
      constructor(private http: HttpClient) { }
    }
    The HttpClient service makes use of observables for all transactions. You must import the RxJS observable and operator symbols that appear in the example snippets. These ConfigService imports are typical.

app/config/config.service.ts (RxJS imports)
content_copy
import { Observable, throwError } from 'rxjs';
import { catchError, retry } from 'rxjs/operators';
Метки: