Angularjs: Как предварительно выбрать поле ввода текста при загрузке страницы?

Question

У меня есть простое текстовое поле ввода в моем угловом приложении, которое заполняется значением по умолчанию. Я хочу предварительно выделить текст при загрузке страницы.

Поле ввода:

<input type="text" ng-model="city" class="form-control" select-on-load /> 

Директива:

weatherApp.directive('selectOnLoad', function() { 
// Linker function 
return function (scope, element, attrs) { 
    element.bind('load', function() { 
     this.select(); 
    }); 
}; 

});

Но ничего не происходит.

Answer 1

Ответы на вопросы this question свидетельствуют о том, что для элементов ввода нет load. Однако, может быть, вы могли бы прикрепить ручку после view content has loaded?

$scope.$on('$viewContentLoaded', function(){ 
    // Set a flag 
    }); 

Это не так просто, как директива, но это самая простая альтернатива моим знаниям. Событие устанавливает флаг, элемент использует ng-focus в зависимости от этого флага, и ваша исходная директива может быть обновлена ​​для прослушивания фокуса, а не загрузки.

---

EDIT: Я сделал некоторые поиски и не могу найти идеи лучшей альтернативы. Он очень похож на хак, поэтому я приветствую любого, кто предлагает лучшее предложение.

Answer 2

Попробуйте это.

function selectOnLoadDirective() { 
    return { 
    link: function(scope, elem) { 
     elem.focus().select(); 
    } 
    }; 
}