无法在下拉框中设置默认的选定选项

时间:2018-12-04 05:34:46

标签: html angular html-select angular7

如何在下拉框中将默认值设置为“我感兴趣”。这是代码。我也尝试删除名称属性,但这不是一个好的解决方案。

print()

默认情况下,下拉框中未选择任何内容。

1 个答案:

答案 0 :(得分:0)

 <div class="form-group">
  <select (blur) = "validateTopic(topic.value)" (change)="validateTopic(topic.value)" class="custom-select form-control" #topic="ngModel" [class.is-invalid]="topic.invalid && topic.touched" name="topic" [(ngModel)]="userModel.topic" required [value]="'default'">
    <option value='default' selected>I am interested in </option>
    <option *ngFor="let sub of topics" [value]="sub">{{sub}}</option>
  </select>
  <small class="text-danger" [class.d-none]="!topicHasError && topic.touched">Please choose a topic</small>
</div>