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

Posted 2023-03-14

【中文标题】为啥此文本输入在 iOS 上不起作用？

【英文标题】：Why this text input doesn't work on iOS?为什么此文本输入在 iOS 上不起作用？

【发布时间】：2017-02-01 15:24:31

【问题描述】：

我有一个引导下拉菜单和一个作为 Angular 过滤器的文本输入字段。代码如下所示：

<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 错误：http://getbootstrap.com/browser-bugs/）

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

任何帮助将不胜感激。

提前致谢。

【参考方案1】：

最后我选择使用Typeahead of UI-Bootstrap 主要是因为它看起来是一个不错的选择，因为它的行为方式与我尝试实现的下拉菜单相同，但在 iOS 上没有问题。

所以，我没有找出导致问题的原因，经过一些挫折之后，更改指令是一个更好的选择。