My goal is to use Angular to retrieve a value from a variable and display it as the first option in a select element, while keeping the rest of the options below static. The issue I am facing is that even though Angular is fetching the data successfully, the first option always appears blank.
HTML
<select [(ngModel)]="sub_planning">
<option value="data[0].value" >{{data[0].name}}</option>
<option *ngFor="let c of subdimension" [ngValue]="c.value">{{c.name}}</option>
</select>
TS
sub_planning = '0';
subdimension = [{'name': 'oneabc','value': 1 },
{'name': 'twoabc','value': 2}];
I have come across some solutions online, but they are catered towards Angular 2 and seem incompatible with Angular 4.