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



当使用AngularJS(1.8.2(和Angular材质(1.2.2(时,我有一个简单字段的奇怪行为。

整个事情似乎只影响当前的IOS设备。我已经用iPhone 11和iPhone 12测试了这个问题,这两款手机都是IOS 14.5。

一旦加载了角度材质,选择字段就不再像往常一样工作。有时选择有效,有时无效。

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

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>

我已经解决了这个问题。

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

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

最新更新