Ich habe ein Formular in meiner Angular App, wo Benutzer mehrere Felder derselben Feldwerte mit einer Schaltfläche hinzufügen können.TabIndex der Eingabe dynamisch festlegen
<md-content layout-padding="">
<div>
<form name="userForm">
<div layout="row" ng-repeat="person in persons">
<md-input-container flex>
<label>First name</label>
<input ng-model="person.firstName">
</md-input-container>
<md-input-container flex>
<label>Last Name</label>
<input ng-model="person.lastName">
</md-input-container>
</div>
<md-button class="md-raised" ng-click="addAnother()">Add Another</md-button>
</form>
</div>
</md-content>
Arbeiten Codepen
So schon ein paar Eingänge sind bevölkert, fügt die Schaltfläche ein neues Objekt, um einen neuen Satz von Eingängen zu erscheinen.
Was ich möchte, ist für die erste Eingabe in der neu hinzugefügten Zeile, um den Fokus zu erhalten, so dass der Benutzer beginnen kann, sofort einzutreten.
Gibt es eine Möglichkeit, den tabIndex programmatisch zu setzen?
Bitte setzen Sie den Code in der Frage selbst, anstatt Website Verknüpfung aus. – evolutionxbox
'element.setAttribute ('tabindex', 0)' – evolutionxbox