Угловой 7 Http-ответ - PullRequest
Новая
       42

Угловой 7 Http-ответ

0 голосов
/ 25 февраля 2019

Когда в компоненте я получаю ответ от нашего Rest Api, но когда я перемещаю код в службу, он не будет давать ответ с данными.

Это код в моем компоненте: 

import { HttpClient } from '@angular/common/http';
nodes: any = [];
this.http.get('https://prokom-aimcms-dev.azurewebsites.net/api/contentapi/getall', {observe: 'response'})
          .subscribe(response => {
             this.nodes = response;
      });

Это даст ответ: 

 {
  "headers": {
    "normalizedNames": {},
    "lazyUpdate": null,
    "lazyInit": null,
    "headers": {}
  },
  "status": 200,
  "statusText": "OK",
  "url": "someUrl",
  "ok": true,
  "type": 4,
  "body": [
    {
      "id": 1,
      "contentId": "59f37a5c-b209-4813-a11b-0d2e34ec5530",
      "created": "2019-02-05T08:49:00.207078",
      "modified": "2019-02-21T13:02:19.2983893",
      "title": "TEst",
      "published": null,
      "creator": null,
      "state": 0,
      "sortIndex": 0,
      "contentObject": null,
      "metaObject": null,
      "parameterObject": null,
      "version": 0,
      "language": "nb_no",
      "parentContent": "00000000-0000-0000-0000-000000000000",
      "relatedContents": [
        "aa8e9c90-adbb-4853-98b9-53e431e27c4b"
      ],
      "tags": [],
      "categories": []
    },
.......

Но если я перенесу это в службу (somename.service.ts): 

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

public getAllNodes(): Observable<any> {
   return this.http.get('someURL', {observe: 'response'})
   .map(response => {
      return response;
});

}

И вызвать его из компонента (somename.component.ts) 

this.nodes = this.aimService.getAllNodes().subscribe();

Тогда ответ будет: 

 {
  "closed": true,
  "_parent": null,
  "_parents": null,
  "_subscriptions": null,
  "syncErrorValue": null,
  "syncErrorThrown": false,
  "syncErrorThrowable": true,
  "isStopped": true,
  "_parentSubscription": null,
  "destination": {
    "closed": true,
    "_parent": null,
    "_parents": null,
    "_subscriptions": null,
    "syncErrorValue": null,
    "syncErrorThrown": false,
    "syncErrorThrowable": false,
    "isStopped": true,
    "_parentSubscription": null,
    "destination": {
      "closed": true
    },
    "_parentSubscriber": null,
    "_context": null
  }
}

Кто-нибудь знает, почему это так?И как я могу получить данные из службы.

Ответы [ 2 ]

0 голосов
/ 25 февраля 2019

Вы должны подписаться и присвоить значение: 

this.aimService.getAllNodes().subscribe((response) => {

     this.node = response.data // or any value from the response object
 }, (err) => {
       console.log(error); // any error should be caught here
 });
0 голосов
/ 25 февраля 2019 
this.nodes = this.aimService.getAllNodes().subscribe();

То, что вы делаете здесь, по существу присваивает значение подписки this.nodes

Когда вы подписываетесь, вы сможете предоставить «обратные вызовы», что вам нужносделать, чтобы получить доступ к вашим данным.Как показано ниже: 

this.aimService.getAllNodes().subscribe((data) =>
{
    // you'll see the expected data here
), (error) =>
{
    // if the request fails, this callback will be invoked
});

Если вы не знакомы с Observables и сферой RXJS, я настоятельно рекомендую перейти сюда

...