IE8 / AngularJS下拉布局问题

Question

我们遇到了一个问题，即由Angular的ng-select生成的下拉列表会剪切部分文本。 IE8当然只是。

在图像中，我禁用了所有样式，宽度除外：重要的东西！我们需要这样做，否则你不会在下拉列表中看到任何内容。

该选项的HTML只是：

<option value="2">Obligatie</option>

有什么想法吗？

修改

潜在的问题可能是IE8在ng-repeat上效果不佳。我现在正在研究这个问题的修复：Stackoverflow: how to fix IE select issue when dynamically changing options

原来：我们也有这个问题，但它没有解决布局问题。

Answer 1

2014年，有一些分支机构应该比使用IE8更好:(银行，核电站，热核战争等等......）。但是，嘿，他们这样做： - \

如果此问题与ng-repeat有关，我至少可以建议不要使用ng-repeat而是使用ng-options。

试试这个：

  <div ng-controller="MyCtrl">
    <select ng-model="selectedItem" ng-options="item.value as item.name for item in items"></select>
  </div>

从您的范围中获取选项：

function MyCtrl($scope) {
   $scope.items = [
     { id: 1, name: 'Obligata' },
     { id: 2, name: 'Obligatie' },
     { id: 3, name: 'Obladoyah' }
   ];

    $scope.selectedItem=2;
};

不确定这是否有帮助。但值得一试。

拥有完整代码here

的Plunker