AngularJS/Material - 简单的选择字段不适用于 ios 设备答案

【问题标题】：AngularJS/Material - Simple select-Field not working on ios-devicesAngularJS/Material - 简单的选择字段不适用于 ios 设备
【发布时间】：2021-08-04 22:29:54
【问题描述】：

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

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

加载角度材料后，选择字段不再像往常一样工作。有时选择有效，有时无效。

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

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>

【问题讨论】：

标签： ios angularjs select angular-material

【解决方案1】：

我已经解决了这个问题。

这是由于 Angular 材料的劫持检测。如果对移动设备禁用此功能，则选择字段可以正常工作。

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

【讨论】：