2016-06-28 4 views
0

Шаблон - это «вкладки» с 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> 

ответ

1

Вы можете использовать View LifeCycle and Events.

Добавьте это на свой контроллер.

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

спасибо, он работает – Mark

Смежные вопросы