angularjs输入文本焦点在桌面上工作不适用于iPad

Question

我的应用程序中有一个搜索输入框。每当我单击按钮时，搜索输入就会打开。但它不是自动对焦。

请看我的代码，

$scope.goSearch = function () {
			$scope.$broadcast("focusTextInput");
}
      
      
 

<a class="nav-link-img search-icon" ui-sref="search" ng-click="goSearch();"><img src="assets/images/searchIconDefault.svg"/></a>

<input type="search" autofocus class="form-control search-field" placeholder="Search Card" ng-model="search"  focus-on="focusTextInput">

 app.directive("focusOn", function ($timeout) {
    return {
      restrict: "A",
      link: function (scope, element, attrs) {
        scope.$on(attrs.focusOn, function (e) {
          $timeout((function () {
            element[0].focus();
          }), 10);
        });
      }
    };
  });

这是我正在使用的代码。

• ) 唯一的问题是，光标闪烁焦点在台式机、笔记本电脑中有效，但在 ipad 和 ipad pro 中无效。

你能告诉我该怎么做吗？

Answer 1

请尝试以下示例

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.goSearch = function() {
    document.getElementById("search").focus();
  };
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>



<div ng-app="myApp" ng-controller="myCtrl">

<a class="nav-link-img search-icon" ui-sref="search" ng-click="goSearch();">&#128269;</a>

<input type="search" autofocus id="search" class="form-control search-field" placeholder="Search Card" ng-model="search"  focus-on="focusTextInput">

</div>