Question

142

Angular 2 how to get key value from object arrays?

rated 0 times [ 144] [ 2] / answers: 1 / hits: 21123 / 6 Years ago, wed, december 12, 2018, 12:00:00

I have object array :

{-LTYJbW1B3mhrdc6C64N:{done:0,name:Job2,pt:5},-LTYJcSOUh07SQcixP4x:{done:0,name:Job3,pt:5}}

As it seems, there is two objects with random keys (--LTYJbW1B3mhrdc6C64N) , I want to get these KEYS, how I can do that ?

HTML :

<div class=task-block *ngFor=let task of objectValues(team.tasks)>

 <p >{{task.name}}</p>

 <button mat-raised-button (click)=updateTask(task)>Done!</button>

  <i class=material-icons deletetask>close </i></div>

TS :

objectValues(obj) { 

  if(obj){

    console.log(JSON.stringify(obj))

    return Object.values(obj || {});

  }



  }







updateTask(task){

      console.log(task.key); //here I want to get task.key

    }

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

cruzjenseny

Add To Favorites

Follow

Total Points: 409

Total Questions: 93

Total Answers: 106

Location: Lithuania

Member since Fri, Sep 4, 2020

4 Years ago

answered 6 Years ago emiliano · Accepted Answer

html

<div class=task-block *ngFor=let task of tasks | keyvalue>

  <div (click)=itemClick(task.key)>{{task | json}}</div>

</div>

ts

export class AppComponent  {

  task = {

    -LTYJbW1B3mhrdc6C64N: {done:0,name:Job2,pt:5},

    -LTYJcSOUh07SQcixP4x:{done:0,name:Job3,pt:5}

  };



  itemClick(key) {

     console.log(key);

  }

}