html - 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 更了解:(银行、核电站、热核 war Whoprs 等...)。但是，嘿，他们这样做:-\

如果这个问题与 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;
};

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

具有完整代码的 Plunker here