Thanks for your reply Christoph Zwerschke. But I have to loop over that
object also in next step once I converted it to object.
On Tuesday, February 21, 2017 at 2:30:45 PM UTC+5:30, Christoph Zwerschke
wrote:
>
> Am 21.02.2017 um 08:49 schrieb Yuvraj Chauhan:
> > I want to migrate one of my big Angular JS 1 project module. But
> > facing problem with *ngFor. My current module iterates over object
> > (key, value) pair and Angular 2 is not supporting iteration on
> > Objects. Do you have any idea how can I handle this situation? Is
> > there any alternative of *ngFor? I can not change the existing Object
> > structure to Array. Can you please help me?
>
> Why don't you create a helper function that converts your objects to
> arrays? Like this:
>
>
> obj = {key1: 'value1', key2: 'value2', key3: 'value3'};
>
> itemArray(obj) {
> return Object.keys(obj).map(key => [key, obj[key]])
> }
>
> When targeting ES6, you could also use a generator.
>
> Then you can iterate over your object like this:
>
> <li *ngFor="let item of itemArray(obj)">
> Key: {{item[0]}}, Value: {{item[1]}}
> </li>
>
> You can also create a custom directive that extends ngFor.
>
> -- Chris
>
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
