如何在ng4中让select显示出来默认值？

Question

写的select显示出来时，默认是空白的，想让它显示默认值

下面是代码

      <select [(ngModel)]="linkNode" (ngModelChange)="linkChange($event)"
              *ngFor="let friendlyLink of firenlyLinkData;index as $index">
        <option [ngValue]="" disabled>---{{(friendlyLink)?.Name}}---</option>
        <option *ngFor="let item of (friendlyLink)?.Nodes" [ngValue]="item">{{(item)?.Name}}</option>
      </select>

想要的效果就是比如---新闻媒体网站---默认显示，而不是空白的

Answer 1

让linkNode 有一个默认值呗

Answer 2

我举个例子吧：
xxx.component.ts文件中：

this.fb.group({
    'Fruits': ['-1']
}

xxx.component.html文件中：

<select class="form-control" formControlName="Fruits">
    <option value="-1">请选择</option>
    <option *ngFor="let item of items$ | async" [value]="item.fruitsName">{{item.fruitsName}}</option>
</select>

你在响应式表单构造的formControl里的初始值和你的默认项初始值需要一致(value)