Как перевести фокус на следующий элемент в форме?

Question

[cb7777]

Доброго времени суток, есть форма из 5 ng-selectov, как при выборе элемента по из dropdownlist по клавиши enter переводить фокус на следующий, то же самое делает клавиша tab, просто нужно сделать это за 1 действие.

<mat-label>Тип населенного пункта</mat-label>
		<ng-select
			  [items]="cityType"
			  bindLabel="name"
			  autofocus
			  bindValue="id"
			  placeholder="Выберите..."
			  required
			  loadingText="Загрузка..."
			  [selectOnTab]="true"
			  [loading]="loadingCityType"
			  [clearable]="false"
			  [(ngModel)]="selectedCityTypeID"
			  (change)="onSelectCityType(selectedCityTypeID)">
		</ng-select>


		<mat-label>Населенный пункт</mat-label>
		<ng-select
			[items]="city"
			bindLabel="name"
			autofocus
			bindValue="id"
			required
			notFoundText="Не найдено"
			loadingText="Загрузка..."
			[selectOnTab]="true"
			[loading]="loadingCity"
			[clearable]="true"
			[(ngModel)]="selectedCityID"
			(change)="onSelectCity()"
		>
		</ng-select>
....

Comments

[Mesuti]

Отловить событие на enter.
В функции указать elem.focus()

[cb7777]

Mesuti, типа этого ?

var app = angular.module('app', []);
app.directive('focus', function() {
  return {
    restrict: 'A',
    link: function($scope,elem,attrs) {

      elem.bind('keydown', function(e) {
         elem.next().focus();

      });
    }
  }
})