ng-table select filters在IE中显示双空白项

时间:2017-06-06 11:51:59

标签: angularjs internet-explorer html-select ngtable

我正在使用带有选择过滤器的ng表:

<table ng-table="wrCtrl.waitingRoomTable" show-filter="true" cellspacing="0">
   <tr ng-repeat="item in $data" ng-form name="form-data">

      <td data-title="'Status'" filter="{importStatusDisplayText: 'select'}" filter-data="ctrl.importStatuses" sortable="'importStatusDisplayText'">
          <span id="importStatus">{{::item.importStatusDisplayText}}</span>
      </td>

  </tr>
 </table>

源数组(importStatuses)是:

[ {id: 0, displayText: "Created"},
  {id: 1, displayText: "Error"},
  {id: 2, displayText: "Success"},
  {id: 3, displayText: "Rerun"},
  {id: 4, displayText: "Resolved manually"},]

它在IE中生成以下结果(使用IE 11和Edge测试)。在Chrome上,它会正确显示下拉列表。

importStatusDisplayText是一个属性,它将所选的displayText值从importStatuses数组中取出。

enter image description here

这似乎是IE和ng-table的一个问题,因为我在ng-table examples page上得到了相同的结果。

有没有办法解决IE的这种行为?

1 个答案:

答案 0 :(得分:0)

看一下这篇文章: Add a NgTableParams setting to modify the default "-" value for SELECT filters

在我的情况下,我必须手动更新ng-table,因为我有一个旧版本,无法更新到最新版本。