/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

1 vote170 views1 answer
Angular selector
Javascript AngularJS
3 votes159 views5 answers
Angular img
Javascript AngularJS
0 vote166 views1 answer
How to import scss file in angular
Javascript AngularJS
7 votes159 views2 answers
Mouseover event in angular 11
Javascript AngularJS
0 vote146 views1 answer
Timeout httppost angular
Javascript AngularJS
0 vote158 views2 answers
Accept 2 values after decimal in angular forms
Javascript AngularJS
0 vote160 views2 answers
Referrer Policy: strict-origin-when-cross-origin angular
Javascript AngularJS
0 vote171 views1 answer
Angular router navigate inside setTimeout
Javascript AngularJS
0 vote149 views1 answer
Angular get class list for element
Javascript AngularJS
2 votes169 views3 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^10.0.0-beta || >=10.0.0 <11.0.0, but Angular version 9.1.3 was found instead.
Javascript AngularJS