如何将选定的选项值设置为null或未定义

时间:2018-10-03 16:01:12

标签: javascript angularjs angularjs-ng-options

我正在添加角色列表作为搜索条件,并且希望用户能够清除此搜索。为此,我提供了empty选项,但是它将搜索绑定设置为一个空字符串。我想知道当用户选择特定选项时,有没有办法将绑定固定为未定义? 例如,在这种情况下,当用户选择''时,空选项绑定值应为null或未定义。

问题是,如果所选角色设置为null或未定义(如果设置为空字符串),搜索将显示所有结果,然后它将尝试搜索与空字符串匹配的角色,并且什么都没有出现。

<body class="fix-sidebar" ng-controller="tempctrl">
  <table id="myTable" class="table table-striped table-hover">
    <thead>
      <tr>
        <th ng-click="sort('role')">Role</th>
        <td>
          <select 
            ng-options="role as role for role in rolesList" 
            ng-model="search.role">
              <option></option>
          </select>
        </td>
        <!-- ... -->
</body>

谢谢

1 个答案:

答案 0 :(得分:0)

我认为您想向该选项添加disable属性。这是我设置禁用选项的方式:

<option value="" disable>Select an option</option>