使用 angularjs 在 Internet Explorer > 11 中隐藏禁用的选择选项答案

【问题标题】：Hiding disabled select options in internet explorer > 11 using angularjs使用 angularjs 在 Internet Explorer > 11 中隐藏禁用的选择选项
【发布时间】：2018-04-19 22:46:56
【问题描述】：

我想知道如何在 IE 的 AngularJS 中隐藏禁用的 options？为了更清楚，看看这个小提琴： https://jsfiddle.net/s723gqo1/1/

我使用这个css 来隐藏 chrome/firefox 中的禁用选项，但它们在 IE 中不起作用：

select option[disabled]:first-child {
  display: none;
}

我在这里看到了其他建议使用 JavaScript 删除禁用选项的问题，但我无法将它插入到我的用例中。

感谢任何帮助！

编辑： 我脑子里有这些元标记：

<!DOCTYPE html>

  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

编辑 2 这个答案https://stackoverflow.com/a/20373614/4451931 太笼统了，我无法用这个答案解决我的问题，因为我知道应该用 javascript 来完成，但我的问题是 How?

在提供的 jsfiddle 中，我应该将删除和添加禁用选项的逻辑放在哪里？

编辑 3 我在我的项目中实现了提供的答案，但不幸的是，它并没有解决我的问题。

此链接https://jsfiddle.net/rsuuwkh9/ 提供的小提琴呈现默认选择选项，如下所示：

但在我的项目中是这样渲染的：

问题是，当显示默认选项的条件为真并且它变为假然后再次为真时，在我的项目中默认选项消失但在提供的答案小提琴中它恢复到应该的位置，我会如果有人帮我处理这个案子，我很高兴！

【问题讨论】：

看这里：stackoverflow.com/questions/30464405/…
@SergChernata 我提供了我的元标记
因为您使用的是 Angular，您还可以在 html 中的选项上使用 ng-if 或 ng-show 指令
Options with display:none not hidden in IE的可能重复
@JasperSeinhorst 你说的很对，ng-if的条件应该是什么？

标签： html css angularjs select drop-down-menu

【解决方案1】：

这是一个有效的 jsfiddle https://jsfiddle.net/rsuuwkh9/

<select ng-model="selectedName" ng-change="resetSkills()" ng-options="name as name.name for name in names">
    <option value="" ng-if="!selectedName">--Select a name --</option>
</select>

【讨论】：

感谢您的回答，我明天会检查它是否真的在我的项目中有效，无论如何ng-if的用法非常简洁