Я использую угловой маршрут. Каждая страница (маршрут) имеет поле ввода. Я успешно использовал атрибут автофокуса на первой странице. Когда я перехожу на другие страницы, ввод не автофокусируется. Возврат на первую страницу не приводит к повторной автофокусировке ввода. Теперь я понимаю, почему это не работает, но хотел бы знать, есть ли способ сделать это.
Я новичок в Angular и не уверен, что понимаю то, что читал о ngFocus:
ngFocus — это не то, что вы ищете. Эта директива больше похожа на триггер события. Он будет выполнять ваш код всякий раз, когда пользователь фокусируется на текстовом поле.
То, что вы хотите, это что-то вроде этой пользовательской директивы:
angular
.module('myApp')
.directive('autofocus', function($timeout) {
return {
link: function(scope, element, attrs) {
$timeout(function() {
element.focus();
});
}
}
});
На основе http://ericclemmons.com/angular/angular-autofocus-directive/
В моем случае ответ Трэвиса Коллинза не сработал, потому что каким-то образом элемент представлял собой массив входных данных.
Поэтому я должен использовать слегка модифицированную версию. Обратите внимание, со стрелочными функциями.
.directive('autofocus', ($timeout) => ({
link: (scope, element: any, attrs) => {
if (!element.focus && element.length) {
element = element[0];
}
$timeout(() => {
element.focus();
});
}
}));
