所以我手边的问题是:optgroup不能在IE中运行吗?
目前的Plnkr适用于Chrome,但不适用于IE 10,我试图弄清楚如何在两种浏览器中实现这一功能。这是一个已知的问题?我可以在Chrome中扩展/折叠组,但我不能在IE 10中这样做。有没有什么工作可以解决这个问题?
Outgroup Expand/ Collapse Selection
<!DOCTYPE html>
<html ng-app="test">
<head>
<script data-require="angular.js@1.4.1" data-semver="1.4.1" src="https://code.angularjs.org/1.4.1/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-controller="MainCtrl">
<select multiple class="box">
<optgroup ng-click="clickOptGroup(key);" ng-repeat="(key,value) in data" label="{{value.label}}">
<option ng-mousedown="mouseDown()" ng-mouseup="mouseUp()" ng-click="$event.stopPropagation();" ng-show="value.expanded" ng-repeat="id in value.ids">{{id}}</option>
</optgroup>
</select>
</body>
</html>
答案 0 :(得分:1)
Internet Explorer版本10仍然不支持optgroup或option上的任何有用事件。 MSDN文档说optgroup支持单击事件。但IE 10仍然似乎不支持它:http://msdn.microsoft.com/en-us/library/ie/ms535876(v=vs.85).aspx
答:在IE10中没办法
但是你可以使用这个工作环境让其他浏览器工作:
$scope.data = [{
label: "My Label", ids: [ "one id", "another id" ],
expanded: navigator.appVersion.indexOf("MSIE 10") !== -1 ? true : true
},{
label: "My Other Label", ids: [ "one id", "another id" ],
expanded: navigator.appVersion.indexOf("MSIE 10") !== -1 ? false : true
}];