## General
npm install ngx-dynamic-tabindexDynamic tabindex Angular attribute directive
1. Automatically generates tabindex numbers for all nested html elements
2. Re-applies tabindex values on DOM structure changes
3. Allows setting custom order for tabindex-ed elements
``
$ npm install --save ngx-dynamic-tabindex
Import NgxDynamicTabindexModule
`ts
import { NgxDynamicTabindexModule } from 'ngx-dynamic-tabindex';
@NgModule({
imports: [..., NgxDynamicTabindexModule]
})
export class MyModule {}
`
Add applyTabIndexes directive to the parent element in your template. tabindex
Add attributes without value to all nested elements which you want to render index value for.
` html`
Order numbers will be applied to each input in from top to bottom.
Result html will look like this:
` html`
If you need to change the order add tabIndexAheadOffset attribute with value to the tabindex-ed element.
The element's tabindex order number will be offset forward in relation to its current position.
Attribute's value defines the number of steps for offset.
`html`
Result html will look like this:
`html``
Works with AngularMaterial.