Angular JS and ASP Server Side Control Validation

I am using angular JS for asp.net server side controls

<div class="gridpage mb40" name="myForm" ng-model="myForm" ng-form
   <div class="form-group">
      <label class="">Name of the Supplier:</label>
        <asp:TextBox ID="txtSupName" CssClass="form-control" runat="server" ng-model="txtSupName" name="txtName" required></asp:TextBox>
        <p ng-show="myForm.txtName.$invalid && !myForm.txtName.$pristine" class="help-block">Your Name is Required.</p>
   </div>
 </div>

problem is at run time when i deploy my code , name property changes for server side control so i am not able to render paragraph of error messages is there any other way through which i can access control instead of myform.txtName.$invalid??

tried with clientIDmode= Static , it keeps id static but name still changes,