“Jak iterować klucze obiektów za pomocą *ngfor” Kod odpowiedzi

Iteracja obiektu Ngfor

// In your ts file
Object = Object;

// then in the template:

<div *ngFor="let key of Object.keys(objs)">
   my key: {{key}}
   my object {{objs[key] | json}} <!-- hier I could use ngFor again with Object.keys(objs[key]) -->
</div>
Mobile Star

Jak iterować klucze obiektów za pomocą *ngfor

@Component({
  selector: 'keyvalue-pipe',
  template: `<span>
    <p>Object</p>
    <div *ngFor="let item of object | keyvalue">
      {{item.key}}:{{item.value}}
    </div>
    <p>Map</p>
    <div *ngFor="let item of map | keyvalue">
      {{item.key}}:{{item.value}}
    </div>
  </span>`
})
export class KeyValuePipeComponent {
  object: {[key: number]: string} = {2: 'foo', 1: 'bar'};
  map = new Map([[2, 'foo'], [1, 'bar']]);
}
Envious Elk

Odpowiedzi podobne do “Jak iterować klucze obiektów za pomocą *ngfor”

Pytania podobne do “Jak iterować klucze obiektów za pomocą *ngfor”

Więcej pokrewnych odpowiedzi na “Jak iterować klucze obiektów za pomocą *ngfor” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu