I tried with ng-bind-html but im not getting how to seperate the validation codes from html page .i need to maintain the validation error file in seperate page 

```
 div class="col-lg-6">
        <div class="form-group">
          <label>{{ 'EMPLOYEEID' | translate }} :</label>
          <input type="text" name="empId" class="form-control" ng-model="EmpId" placeholder="{{ 'EMPLOYEEID' | translate }}">
          <p ng-show="userForm.empId.$invalid && !userForm.empId.$pristine" class="help-block requiredText">{{'EMPLOYEE_ID_VALIDATE' | translate}}</p>

        </div>

        <div class="form-group">
          <label>{{ 'EMPLOYEE_NAME' | translate }} : <spn class="manadatoryIcon"> *</span></label>
          <input type="text" name="userName" class="form-control" ng-model="userName" placeholder="{{ 'EMPLOYEE_NAME' | translate }}" required>

       <div ng-messages="userForm.userName.$error">
        <p ng-bind-html="myHTML"></p>
        </div>

        </div>

        <div class="form-group">
          <label>{{ 'FATHER_HUSBAND_NAME' | translate }}:</label>
          <input type="text" name="fatherOrHusbandName" class="form-control" ng-model="fatherOrHusbandName" placeholder="{{ 'FATHER_HUSBAND_NAME' | translate }}">
          <p ng-show="userForm.fatherOrHusbandName.$invalid && !userForm.fatherOrHusbandName.$pristine" class="help-block requiredText">{{'FATHER_HUSBAND_NAME_VALID' | translate}}</p>
        </div>

```