javascript - 选择 Angular 4 时默认选项为空

Question

我想做的是 Angular 从变量中获取值并将其放在第一个选项上，而下面的其他选项将是静态的。 Angular 正在获取数据，但第一个选项始终为空。

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}];

我在互联网上找到了一些答案，但它适用于 Angular 2，似乎不适用于 Angular 4

Answer 1

由于数据类型无效，

sub_planning = 1

注意:数字类型。

<强> LIVE DEMO