Cannot find a differ supporting object ‘[object Object]’ of

bishoe nb

Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.

using router

services

getdetails(id:number){
this.http.get('http://localhost:1858/api/details/' + id).map((data: Response) =>{
return data.json() as INewsModule[];
}).toPromise().then(x=>{
this._detailsNews = x;
});
}

component

import { Component, OnInit } from '@angular/core';
import { NewsService } from '../../../serv/news.service';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-details',
templateUrl: './details.component.html',
styleUrls: ['./details.component.scss'],
providers:[NewsService]
})
export class DetailsComponent implements OnInit {
constructor(private _NewsService : NewsService,
private _activeRoute: ActivatedRoute) { }
ngOnInit() {
let id : number = this._activeRoute.snapshot.params['id'];
this._NewsService.getdetails(id);
}
}

template

<table class="table">
<caption>List of userscaption>
<thead>
<tr>
<th scope="col">#th>
<th scope="col">NameNewsth>
tr>
thead>
<tbody>
<tr *ngFor="let details of _NewsService._detailsNews">
<th scope="col"> {{details.NameNews}}th>
{{details.TopicNews}}
{{details.DateNews}}
tr>
tbody>
table>

8 Replies

Know the answer? Post it — somebody with the same question will find it here.

bishoe nb7y ago
Laxmidhar Sahoo
how fix error
0
bishoe nb7y ago
Mandar Shinde

Property 'subscribe' does not exist on type 'void'.ts(2339)
0
Laxmidhar Sahoo7y ago
This is happening when calling array instead of a single value for

[(ngModel)]
0
Mandar Shinde7y ago
In Component.ts : -
import { Component, OnInit } from '@angular/core';
import { NewsService } from '../../../serv/news.service';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-details',
templateUrl: './details.component.html',
styleUrls: ['./details.component.scss'],
providers:[NewsService]
})
export class DetailsComponent implements OnInit {
items = [];
constructor(private _NewsService : NewsService,
private _activeRoute: ActivatedRoute) { }
ngOnInit() {
   let id : number = this._activeRoute.snapshot.params['id'];
   this._NewsService.getdetails(id).subscribe(data => {
            this.items = data;
      });
  }
}
In template.Html : -
<table class="table">
  <caption>List of userscaption>
     <thead>
        <tr>
           <th scope="col">#th>
           <th scope="col">NameNewsth>
        tr>
     thead>
     <tbody>
     <tr *ngFor="let details of items">
           <th scope="col"> {{details.NameNews}}th>
           {{details.TopicNews}}
                {{details.DateNews}}
        tr>
     tbody>
  table>
0
bishoe nb7y ago
not work

error

this._NewsService.getdetails(id).subscribe(data => {

this.items = data;

});

Property 'subscribe' does not exist on type 'void'.ts(2339)

but

change function
getdetails(id:number){

  this.http.get('http://localhost:1858/api/details/' + id).map((data: Response) =>{

    return data.json() as INewsModule[];



  }).toPromise().then(x=>{

    this._detailsNews = x;

  });

  }
to
getdetails(id:number): Observable{

   return  this.http.get('http://localhost:1858/api/details/' + id).map((response: Response) => response.json());

     }

not work and error
Error trying to diff '[object Object]'. Only arrays and iterables are allowed
0
Mandar Shinde7y ago
Hello Bishoe sir,

What you can do that use subscribe to method which is get called in ngOnInit()

let's create one array like as follows :-

items = [];

then use in ngOnInit as follows :-

this._NewsService.getdetails(id).subscribe(data => {
this.items = data;
});

then you can iterate as follows :-

{{details.NameNews}}
{{details.TopicNews}}
{{details.DateNews}}

I hope this will hep you.
Enjoy coding.
0
bishoe nb7y ago
not understand
any other Solution
0
Manoj Bhoir7y ago
Hi,

Check this link. This may help you.

https://stackoverflow.com/questions/35660306/angular-cannot-find-a-differ-supporting-object-object-object
0

Cannot find a differ supporting object ‘[object Object]’ of

Laxmidhar Sahoo