/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

0 vote199 views1 answer
Await in angular 8
Javascript AngularJS
-1 vote193 views2 answers
Angular generate directive
Javascript AngularJS
0 vote245 views1 answer
Command to check dependencies in angular
Javascript AngularJS
1 vote188 views3 answers
Angular dropdown selected value
Javascript AngularJS
6 votes157 views2 answers
Auto scroll to bottom of div angular
Javascript AngularJS
0 vote149 views2 answers
Function with return type in angular
Javascript AngularJS
0 vote168 views1 answer
How to add external link in angular
Javascript AngularJS
0 vote159 views2 answers
Angular 9 radio button checked
Javascript AngularJS
6 votes260 views2 answers
Angular build with configuration
Javascript AngularJS
0 vote203 views1 answer
Make directive to return dropdown values angular
Javascript AngularJS