title: Setting an input's tabIndex dynamically
body: <p>I have a form in my Angular app where users can enter in multiples of the same field values using an add button.</p>
  
  <pre><code>&lt;md-content layout-padding=""&gt;
      &lt;div&gt;
        &lt;form name="userForm"&gt;
          &lt;div layout="row" ng-repeat="person in persons"&gt;
            &lt;md-input-container flex&gt;
              &lt;label&gt;First name&lt;/label&gt;
              &lt;input ng-model="person.firstName"&gt;
            &lt;/md-input-container&gt;
  
            &lt;md-input-container flex&gt;
              &lt;label&gt;Last Name&lt;/label&gt;
              &lt;input ng-model="person.lastName"&gt;
            &lt;/md-input-container&gt;
          &lt;/div&gt;
          &lt;md-button class="md-raised" ng-click="addAnother()"&gt;Add Another&lt;/md-button&gt;
        &lt;/form&gt;
      &lt;/div&gt;
    &lt;/md-content&gt;
  </code></pre>
  
  <p>Working <a href="http://codepen.io/parky128/pen/bwpGyj" rel="nofollow">Codepen</a> </p>
  
  <p>So already a couple of inputs are populated, clicking the button adds a new object in order for a new set of inputs to appear.</p>
  
  <p>What I would like is for the first input on the newly added row to receive focus so the user can start entering in right away.</p>
  
  <p>Is there some way to set the tabIndex programatically?</p>