專注於輸入字段

Question

模板是帶有2個選項卡的「選項卡」。在第一個標籤上，我有一個我想要關注的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 and Events。

將此添加到您的控制器。

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