2017-09-05 5 views
3

J'ai un popup avec un type d'entrée dans lequel je voudrais ajouter l'option autofocus. J'ai créé une directive pour l'autofocus qui fonctionne bien dans les étiquettes mais quand j'utilise la même chose dans le type d'entrée popup, ça ne marche pas. Même moi j'ai mis le focus-moi égal à vrai en entrée mais même ça n'a pas fonctionné en popup. Quelqu'un peut-il me dire comment utiliser l'autofocus en popup?Comment utiliser le curseur autofocus dans la popup ionique

directive:

.directive('focusMe', function($timeout) { 
return { 
link: function(scope, element, attrs) { 

    $timeout(function() { 
    element[0].focus(); 
    }); 
} 
}; 
}); 

Popup:

function showPopup() { 
    $scope.data = {}; 
    var myPopup = $ionicPopup.show({ 
    template: '<input focus-Me type="text" ng-model="data.expensetype" limit-char limit="15">', 
    title: $translate.instant('{{"penterexpensetype_message" | translate}}'), 
    scope: $scope, 
    buttons: [ 
    { text: $translate.instant('{{"pcancel_message" | translate}}') }, 
     { 
     text: $translate.instant('{{"psave_message" | translate}}'), 
     type: 'button-positive', 
     onTap: function (e) { 
      if (!$scope.data.expensetype) { 
      //don't allow the user to close unless he enters producttype 
      e.preventDefault(); 

      } else { 
      addExpenseCategory(); 
      return $scope.data.expensetype; 
      } 
     } 
     }, 
    ] 
    }); 
    myPopup.then(function (res) { 
    $log.log('Tapped!', res); 
    }); 
} 

Répondre

1

Utiliser le nom de directive correcte en

majuscules et minuscules
template: '<input focus-me type="text" ng-model="data.expensetype" limit-char limit="15">'