Question

我们有一个从ng-repeat派生的项目列表，每个项目都可以通过ng-click点击。

这些项目可能包含表单元素和/或ui.bootstrap.dropdown元素

在iPad safari和chrome上，点击下拉列表不会打开菜单，输入框也不会打开键盘，但有时会短暂打开。

以前有人遇到过这个吗？

缩小的示例看起来像这样

<div ng-repeat="item in model.items" ng-click="selectItem(item)">
    <input type="text" />

    <div class="btn-group">
         <button class="btn btn-default dropdown-toggle ">{{item.something}}</span></button>
         <button class="btn btn-default dropdown-toggle">
             <span class="caret"></span>
         </button>
         <ul class="dropdown-menu">
             <li ng-repeat="sub in item.subs">
                 <a href="#">{{sub.name}}</a>
             </li>
         </ul>
    </div>
</div>

感谢您

Answer 1

原来它适用于所有移动设备，并且在这里和那里找到了一些信息，例如jbielick在https://github.com/angular/angular.js/issues/6432

的解释

使用jdhiro在此页https://github.com/angular-ui/bootstrap/issues/2017上提供的指令，到目前为止似乎运作良好。

示例：

<input type="text" stop-event="touchend"/>

AngularJS - 可在iPad上点击的可聚焦元素

1 个答案: