Question

我有两个选择框，当单击一个项目时，我将其发送到第二个框。这在chrome上工作正常，但IE 11没有按预期注册ng-click。我读过的一个类似的问题提到pointer-events，但当我将其更改为auto时，引导程序将其更改为none我没有看到更改。

                        <select id="availableStuff">
                        <option ng-repeat="a in aList"
                                ng-click="move1(a)">
                            {{a}}
                        </option>
                    </select>
                </div>
                <div>
                    <select id="selectedStuff">
                        <option ng-repeat="b in bList" ng-click="move2(b)">
                            {{b}}
                        </option>
                    </select>
                </div>

plunker

使用angularjs 1.5.x和bootstrap 3.3.7

Answer 1

这是一个已知的兼容问题，使用ng-options进行跨浏览器行为

<select size='8'
        ng-model="selectedOption" 
        ng-options="a as a for a in aList" 
        ng-change="move1(selectedOption)">
</select>

Answer 2

在这种情况下我不会使用select。许多用户不会使用select来熟悉这种行为。相反，我会在彼此旁边添加样式列表。使用ex bootstraps列表组。然后，您可以使用fontawesome箭头图标来绑定移动点击事件。那里没有兼容性问题。对最终用户来说这是直观的

angularjs 1.5.x单击无法在IE 11中选择选项框

2 个答案: