Question

我有一个bootstrap下拉菜单，结合了一个文本输入字段，充当角度过滤器。代码如下所示：

<form name="searchForm" role="form" data-ng-submit="goSearch()">
    <div class="row">
        <div class="col-xs-12">
            <div class="form-group">
                <div class="dropdown">
                    <input type="text" ng-click="load_origins()" name="dropdown-toggle" data-ng-model=origin_search placeholder="Ciudad Origen" class="btn btn-default search-menu-button dropdown-toggle" id="origin" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false" required autocomplete="off">
                    <ul class="dropdown-menu dropdown-menu-right search-menu-items" aria-labelledby="origin">
                        <li><a href class= "search-menu-item" data-ng-repeat="origin in origins | filter:origin_search" data-ng-click="checkDestinations(origin)">{{origin.Localidad}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</form>

事情是：

<input type="text" ng-click="load_origins()" name="dropdown-toggle" data-ng-model=origin_search placeholder="Ciudad Origen" class="btn btn-default search-menu-button dropdown-toggle" id="origin" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false" required autocomplete="off">

在iOS中无法正常工作，键盘出现但用户尝试写入时不会显示任何文字。

对于我一直在搜索的内容，它可能与iOS中具有该特定输入类型的错误相关，但是没有适用于我的情况的解决方案。

它可能与CSS有关吗？（也许是一个Bootstrap bug：http://getbootstrap.com/browser-bugs/）

或者它可能是一个Angular的东西？或者只是一个iOS问题？

任何帮助将不胜感激。

提前致谢。

Answer 1

最后我选择使用Typeahead of UI-Bootstrap，因为它似乎是一个不错的选择，因为它的行为方式与我尝试实现的下拉列表相同，但没有iOS上的麻烦。

所以，我没有发现造成问题的原因，经过一些挫折之后，更改指令是一个更好的选择。

为什么此文本输入在iOS上不起作用？

1 个答案: