javascript - 专注于输入字段

Question

模板是带有 2 个选项卡的“选项卡”。在第一个选项卡上，我想将焦点放在一个输入字段上。当应用程序启动时输入字段处于焦点状态时它可以正常工作，但是当我切换到第二个选项卡然后返回第一个选项卡时，输入会失去焦点。

当我从选项卡 2 转到选项卡 1 时，我也希望它能够聚焦。当我在元素外部单击时，它也会失去焦点。我实际上希望输入字段始终处于焦点位置。

我尝试了一些已经提到的解决方案:

.directive('focusMe', function($timeout) {
  return {
    scope: { trigger: '=focusMe' },
    link: function(scope, element) {
      scope.$watch('trigger', function(value) {
        if(value === true) { 
          //console.log('trigger',value);
          //$timeout(function() {
            element[0].focus();
            scope.trigger = true;
          //});
        }
      });
    }
  };
});


<label class="item item-input" focus-me>  
  <input type="number" class="somett" ng-model="code" ng-model-options="{ debounce: 100 }" placeholder="Ready" ng-change="load(code) " focus-on="focusTextInput"  autofocus>
</label>

Answer 1

您可以使用View LifeCycle and Events .

将其添加到您的 Controller 。

$scope.$on('$ionicView.enter', function() {
  $scope.$broadcast("focusTextInput");
});