专注于输入领域

Question

模板是带有两个标签的“标签”。 在第一个选项卡上，我有一个要重点关注的input字段。 当应用程序以input字段为焦点开始时，它就可以正常工作，但是当我切换到第二个选项卡然后又回到第一个选项卡时，输入将失去焦点。

当我也从选项卡2转到1时，我希望它能集中精力。 当我在元素外部单击时，它也会失去焦点。 我实际上希望该input字段始终集中。

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

.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和Events 。

将此添加到您的控制器。

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