角度下降不显示元素

时间:2017-09-08 08:53:57

标签: angular angular2-template dropdown

在我的html组件中,我有以下内容:

        <select class="hideLabel form-control" [(ngModel)]="model.powerPlantType" name="powerPlantType" (change)="selectName();">
          <option selected="" value=""></option>
          <option [ngValue]="powerPlantType" *ngFor="let powerPlantType of powerPlantTypes">
            {{ powerPlantType }}
          </option>
        </select>

从下面的屏幕截图中可以看出它显示正常:

enter image description here

如何添加说明&#34; - 选择类型 - &#34;页面加载时的文字?

编辑:基于以下帖子的建议,我仍然无法让它工作:所以当页面加载时,如果没有预期的默认测试,下拉列表仍然是空的&#34; - 选择类型 - &# 34;

enter image description here

但是当选择下拉时,测试似乎出现了!

enter image description here

我希望在加载页面时让它像这样:

enter image description here

1 个答案:

答案 0 :(得分:1)

将您的HTML更改为以下内容:

toupper()