AngularJS

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 - ng-click 中的可聚焦元素 iPad

AngularJS - Focusable elements inside ng-click on iPad

safari

angular-ui