Bootstrap,选择选项占位符仅在首次提交后显示

时间:2018-01-05 04:45:46

标签: html angular twitter-bootstrap

我正在尝试使用Angular和Bootstrap为我的下拉列表制作一个占位符。但看起来我做错了。我为像please select这样的占位符做了一个选项并把它放在首位,但是在我第一次提交之前它没有显示。

<label>Question</label><br>
<select #question="ngModel" name="question" [(ngModel)]="AppService.selectedquestion.question" class="empty form-control">
    <option value="" disabled selected hidden>Please select</option>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>  
  </select><br>

<button type="submit" class="btn btn-sm btn-primary">Submit</button>

我认为这是由ngModel部分引起的。有人可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:1)

如果您删除hidden属性,即使在第一次提交后,您也可以看到“请选择”选项。希望这符合您的要求

<label>Question</label><br>
<select #question="ngModel" name="question" [(ngModel)]="AppService.selectedquestion.question" class="empty form-control">
    <option value="" disabled selected>Please select</option>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>  
  </select><br>

<button type="submit" class="btn btn-sm btn-primary">Submit</button>