/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 vote220 views1 answer
Angular material dropdown menu
Javascript AngularJS
37 votes279 views2 answers
Short date angular pipe
Javascript AngularJS
0 vote215 views1 answer
Form status angular
Javascript AngularJS
0 vote223 views1 answer
Angular show text in template before data loads
Javascript AngularJS
0 vote236 views1 answer
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.6/$injector/modulerr?p0=myApp
Javascript AngularJS
4 votes234 views2 answers
Angular pipe to capitalize first letter
Javascript AngularJS
0 vote335 views1 answer
Toggle buttons angular styles
Javascript AngularJS
0 vote241 views1 answer
How to convert date format using date pipe in angular
Javascript AngularJS
-1 vote244 views1 answer
Angular back button
Javascript AngularJS
38 votes270 views6 answers
How to add bootstrap in angular
Javascript AngularJS