代码之家 › 专栏 › 技术社区 › user979331

角度2下拉菜单第一个选项不显示

angular jquery javascript

user979331 · 技术社区 · 6 年前

我使用的是Angular2,我从选项中创建了一个下拉菜单,第一个选项是默认选项

<select class=“form control”[(ngmodel)]=“pros”(ngmodelchange)=“onselectprofessions($event)”>
<option value=“0”>HealthPros的类型</option>
<option*ngfor=“let item of professions”value=“item.id”>item.text</option>
&选择/gt;
< /代码> 

但是,当我加载页面时,第一个项目不会显示在下拉菜单中,它只是空的,当我选择一个值时,该值正在选择,有关详细信息,请参见屏幕截图:

在选择值之前



选择值后



如何获得第一个显示的值,使其显示为“type of 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”>HealthPros类型</option>
&!--bindings=“ng reflect ng for of”:“[对象对象对象],[对象对象对象”-->
<option ngcontent-c6=“”value=“1”ng reflect value=“1”>健康技术专家</option>
<option ngcontent-c6=“”value=“2”ng reflect value=“2”>运动医学医生</option>
<option _ngcontent-c6=“”value=“3”ng reflect value=“3”>医疗接待员</option>
<option _ngcontent-c6=“”value=“4”ng reflect value=“4”>精神病学</option>
&选择/gt;
< /代码> <

但是,当我加载页面时,第一个项目不会显示在下拉菜单中,它只是空的,当我选择一个值时,该值正在选择,有关详细信息,请参见屏幕截图:

在选择值之前



选择值后



如何获得第一个显示的值,使其显示为“type of 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>