/Javascript/AngularJS/Angular 6 key value pair getvalue example

Angular 6 key value pair getvalue example

Ngfor on keys of a dictionary angular

<div *ngFor="let item of testObject | keyvalue">
    Key: <b>{{item.key}}</b> and Value: <b>{{item.value}}</b>
</div>

Angular 6 key value pair getvalue example

@Component({
  selector: 'app-myview',
  template: `<div *ngFor="let key of objectKeys(items)">{{key + ' : ' + items[key]}}</div>`
})

export class MyComponent {
  objectKeys = Object.keys;
  items = { keyOne: 'value 1', keyTwo: 'value 2', keyThree: 'value 3' };
  constructor(){}
}

Source: stackoverflow.com

Similar codes

50 votes453 views3 answers
Angularjs substring
Javascript AngularJS
0 vote343 views1 answer
Iterating hashmap angular
Javascript AngularJS
-1 vote396 views2 answers
Angular loop through array
Javascript AngularJS
0 vote336 views1 answer
Angular.fromJson
Javascript AngularJS
0 vote337 views1 answer
Reactive forms angular conditional disabling
Javascript AngularJS
2 votes340 views2 answers
Ngfor select angular
Javascript AngularJS
0 vote367 views1 answer
Add fraction in angular
Javascript AngularJS
1 vote336 views1 answer
Angular read config from json
Javascript AngularJS
0 vote359 views2 answers
Animate on scroll angular
Javascript AngularJS
7 votes372 views2 answers
Mouseover event in angular 11
Javascript AngularJS