Uncategorized

Angular way of binding object array in a Html Select / Combo box. <h1>Object Binding with Select / Combobox</h1>Select value :<select (change)=”handleChange($event.target.selectedIndex)”  name=”cmbTipoTexto” class=”form-control form-control-sm col-sm-7″ id=”cmbTipoTexto” >  <option *ngFor=”let item of textTypes” [value]=”item.id”>    {{ item.displayValue }}  </option></select><br /><br /><br /><b>Selected Object:</b><br />{{ selectedObject | json }}

Enums to Object Array   enum Colors { White, Black, Red, Blue, Green } ————————————————————————————————-     ColorsList: any[];   ngAfterViewInit() {     this.enumsToObjectList();   }     enumsToObjectList() {     let keys = Object.keys(Colors);  // extract enum key & values     let filteredKeys = keys.filter(k => !isNaN(+k));  // filter only non numeric values  // compose or transform object array     this.ColorsList = filteredKeys.map((k) => { return { key: k, value: Colors[+k] } });   }