*ngFor issue

I’m submitting a … (check one with “x”)

[ ] bug report => check the FAQ and search github for a similar issue or PR before submitting
[X] support request => check the FAQ and search github for a similar issue before submitting
[ ] feature request

I have this code

<div *ngFor="let service of services">
    <span><img  [src]="service.imgPath" alt="{{ service.name }}"/></span>
    <h4>{{ service.name}}</h4>
    <p>{{ service.desc }}</p>
</div>

And .json file

"service":[
    { "name" : "someName1", "desc" : "someDesc1"},
    { "name" : "someName2", "desc" : "someDesc2"},
    { "name" : "someName3", "desc" : "someDesc3"}
  ]

How can I do translation of each service that have 2 parameters

In regular case I use {{ ‘something’ | translate }} , where “something” is placed in .json file

“something” : “translation” So how can a use it in state of ngFor? It read me an object from .json, but not array of objects that what I need in my case

• ngx-translate version: 7.0.0

• Angular version: 4.0.0

• Browser: [all]

[ocombe]

Hello, I’m closing this issue because it’s too old. If you have a similar problem with recent version of the library, please open a new issue.

[megustalafantabienfria]

Not working,

ERROR Error: Cannot find a differ supporting object ‘service’ of type ‘string’. NgFor only supports binding to Iterables such as Arrays.

That’s weird… because that’s how my project is working. I’m using it like this

<div *ngFor="let service of ('service' | translate)">
	<p>{{service.name}}</p>
	<p>{{service.desc}}</p>
</div>

The json is structured like this

{
  "service": [
    { "name" : "someName1", "desc" : "someDesc1"},
    { "name" : "someName2", "desc" : "someDesc2"},
    { "name" : "someName3", "desc" : "someDesc3"}
  ]
}