Как отделить код проверки от HTML-страницы в angularjs

Question

Я пытался с ng-bind-html, но я не понимаю, как отделить коды проверки от html-страницы. Мне нужно сохранить файл ошибок проверки на отдельной странице

 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>

Answer 1

Inside your controller create a function

    $scope.validateFormField = function(userForm, fieldType ) {
       var isValid = false;
       switch(fieldType ) {
          case 'fatherOrHusbandName' : isValid =userForm.fatherOrHusbandName.$invalid && !userForm.fatherOrHusbandName.$pristine;
     break;

          case 'name': isValid = userForm.empId.$invalid && !userForm.empId.$pristine
         break;

         default : isValid = {{Do it yourself}}
         break;

       }
       return isValid ;
    }

в вашем html

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="validateFormField(userForm, 'name')" 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="validateFormField(userForm, 'fatherOrHusbandName')"" class="help-block requiredText">{{'FATHER_HUSBAND_NAME_VALID' | translate}}</p>
        </div>

Answer 2

Я действительно не знаю, что вы хотите, но я думаю, что вы хотите иметь отдельный файл со всеми сообщениями. Вы можете использовать ng-messages-include="messages.html" В этом файле вы можете определить свои «сообщения» с помощью:

<ng-message when="required">{{ "ERROR_MSG_REQUIRED" | translate }}</ng-message>