AngularJS/Material - 简单 select-字段在 ios-设备上不工作

Question

在使用 AngularJS (1.8.2) 和 Angular material (1.2.2) 时，我对简单字段有一个奇怪的行为。

整个事情似乎只影响当前的 IOS 设备。我已经用 iPhone11 和 iPhone12 测试了这个问题，两者都是 IOS 14.5.

加载 angular material 后，select 字段将不再正常工作。 selection 有时有效，有时无效。

有人知道这是什么吗？我错过了什么吗？

https://codepen.io/pseiferth/pen/rNyeoaj

JS:

var app = angular.module('myApp', ['ngMaterial']);

app.controller('MainCtrl', function($scope) {
  $scope.value = '2';
  
  $scope.changed = function(event) {
    console.log("value changed", $scope.value, event);
  } 
});

HTML:

<body ng-app="myApp" ng-controller="MainCtrl">
<h1>
    Test: {{value}}
</h1>
<div>
    <select ng-model="value" ng-change="changed($event)">
        <option ng-value="undefined"> --Select-- </option>
        <option value="1">Value 1</option>
        <option value="2">Value 2</option>
        <option value="3">Value 3</option>
        <option value="4">Value 4</option>
    </select>
</div>
</body>

Answer 1

我已经解决了这个问题。

由于Angular material的劫持检测。如果为移动设备禁用此功能，select 字段工作正常。

您可以在此处找到更多信息： https://material.angularjs.org/1.1.9/api/service/$mdGestureProvider

AngularJS/Material - 简单 select-字段在 ios-设备上不工作

AngularJS/Material - Simple select-Field not working on ios-devices

select

ios

angularjs

angular-material