Move TAB Order

**Steps to Move Tab Order from Last Control to First Control in Angular 15:**

- **Use `@ViewChildren` to Access All Form Controls:**
  - Import `ViewChildren` and `QueryList` from `@angular/core`.
  - Use `@ViewChildren` to get references to all form controls in the template.

  @ViewChildren('formControl') formControls: QueryList;
 

- **Detect Tab Key Press in the Last Control:**
  - Add a `keydown` event listener to the last control.
  - Check if the `Tab` key is pressed using the event's `key` property.

  lastControlKeydown(event: KeyboardEvent) {
    if (event.key === 'Tab' && !event.shiftKey) {
      event.preventDefault(); // Prevent default tab behavior
      this.focusFirstControl();
    }
  }

- **Focus on the First Control:**
  - Create a method that sets focus on the first form control.

  focusFirstControl() {
    const firstControl = this.formControls.first;
    if (firstControl) {
      firstControl.nativeElement.focus();
    }
  }

- **HTML Template Example:**
  - Use `#formControl` template reference variables and bind the `keydown` event to the last control.

 
 
 
 

**Example Summary:**
- The tab order is managed by detecting the `Tab` key press on the last control and programmatically focusing the first control, thereby creating a loop in the tab sequence.