Angular 2下拉菜单第一个选项未显示

Question

我使用的是Angle 2，我从选项创建了一个下拉菜单，第一个选项为默认选项

<select class="form-control" [(ngModel)]="pros" (ngModelChange)="onSelectProfessions($event)">
    <option value="0">Type of Healthpros</option>
    <option *ngFor="let item of professions" value="{{item.id}}">{{item.text}}</option>
</select>

但是，当我加载页面时，第一项没有显示在下拉菜单中，只是空白，当我选择一个值时，该值正在选择中，有关详细信息，请参见屏幕截图：

选择值之前

选择值后

如何获取第一个出现的值，使其显示“ Healthpros的类型”而不是空白？

这是呈现的内容：

<select _ngcontent-c6="" class="form-control ng-untouched ng-pristine ng-valid" ng-reflect-model="">
    <option _ngcontent-c6="" value="0" ng-reflect-value="0">Type of Healthpros</option>
    <!--bindings={ "ng-reflect-ng-for-of": "[object Object],[object Object" }-->
        <option _ngcontent-c6="" value="1" ng-reflect-value="1">Health Technologist</option>
        <option _ngcontent-c6="" value="2" ng-reflect-value="2">Sport Medicine Physician</option>
        <option _ngcontent-c6="" value="3" ng-reflect-value="3">Medical Receptionist</option>
        <option _ngcontent-c6="" value="4" ng-reflect-value="4">Psychiatry</option>
</select>

Answer 1

最初，您的pros应该等于"0"，因为您已经使用ngModel绑定了它

this.pros = `0`