在更改选择之前,需要删除选择中第一个选项上方的空白区域

时间:2017-07-13 19:43:24

标签: html html-select

我有一个select元素有这个问题,当select打开但只有在选择了另一个选项之前,第一个option上方有一个空格。一旦做出选择,如果重新打开选择,则不再存在空白空间(请参见下面的第二张图片),这是我默认需要的行为。我需要做到这一点,所以用户必须做出两个选择中的一个,并且不能通过选择空白选项将其保留为假。以下是一些屏幕截图:

enter image description here enter image description here

这是html

    <form-group ng-init="item.isLeader = item.isLeader === undefined ? false : item.isLeader">
      <label class="col-sm-4">Type</label>
      <div class="col-sm-7">
      <select class="form-control" class="col-sm-7" ng-model="item.isLeader">
      <option ng-selected="!item.isLeader" ng-value="false">Bon Coup</option>
     <option ng-selected="item.isLeader" ng-value="true">Leader</option>
    </select>
   </div>
  </form-group>

有没有办法做到这一点是Angularjs。我想在HTML模板中修复它,而不使用控制器或ng-options来解决它,如果可能的话。任何帮助表示感谢!

0 个答案:

没有答案