IE8 / AngularJS 下拉布局问题答案

【问题标题】：IE8 / AngularJS dropdown layout issueIE8 / AngularJS 下拉布局问题
【发布时间】：2014-02-24 22:51:17
【问题描述】：

我们遇到了一个问题，即由 Angular 的 ng-select 生成的下拉菜单会剪切一些文本。当然只有 IE8。

在图片中，我禁用了所有样式，除了宽度：某事！重要。我们需要这样做，否则您将不会在下拉列表中看到任何内容。

该选项的 HTML 只是：

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

有什么想法吗？

编辑

潜在的问题可能是 IE8 不能很好地与 ng-repeat 一起工作。我现在正在研究这个问题的解决方法：Stackoverflow: how to fix IE select issue when dynamically changing options

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

【问题讨论】：

改变行高有帮助吗？
不行——试过了，好像不影响下拉
你能分享一个可运行的示例来演示这个问题吗？
不，我不能。 JSFiddle 不支持 IE8...
嗯，Plunker 有用吗？我在IE11上，不会回去。绝不！

标签： html css angularjs internet-explorer internet-explorer-8

【解决方案1】：

有一些分支机构应该比 2014 年使用 IE8 更了解：（银行、核电站、热核战 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

【讨论】：

谢谢 - 但这正是我正在做的。