title: Dynamically assigning the name to text boxes
body: <p>I am running a loop to generate the text boxes and I want the loop variable to be appended to the name attribute of the text boxes generated. Please find below code for reference :</p>
  
  <pre><code>&lt;tr ng-repeat="t in [0,1,2,3,4,5,6,7,8,9]" 
      id="row" {{t}} 
      ng-if="true === isShow[emp.indexOf(empId)][t]"&gt;
  
    &lt;td&gt;
      &lt;input type="text" 
              maxlength="20" 
              class="w3-input w3-border w3-round" 
              name="textVal" 
              ng-pattern="regexText" 
              ng-model="empKeys[emp.indexOf(empId)][t]" 
              style=" width: 100%;height:30px;" 
              placeholder="please enter val here......"&gt;
      &lt;div ng-messages="employees.textVal.$error"&gt;
        &lt;div ng-message="pattern"&gt;Invalid Text&lt;/div&gt;
      &lt;/div&gt;
    &lt;/td&gt;
  </code></pre>
  
  <p>and so on...</p>
  
  <p>I want that the loop variable <code>t</code> and the value of <code>emp.indexOf(empId)</code> should also be appended in the textbox created above so that every textbox has a unique name and I can apply the <code>ng-messages</code> uniquely.</p>