將AngularJS格式化器和解析器函數時到$格式化和$解析器陣列是爲了重要

Question

我有以下指令 （從精通Web應用程序開發採取AngularJS書）：

angular.module('unique-email-directive', []) 

/** 
* A validation directive to ensure that the model contains a unique email address 
* @param Users service to provide access to the server's user database 
    */ 
.directive('uniqueEmail', ["Users", function (Users) { 
    return { 
    require:'ngModel', 
    restrict:'A', 
    link:function (scope, element, attrs, ngModelCtrl) { 
     var original; 

     // If the model changes, store this since we assume it is the current value of the user's email 
     // and we don't want to check the server if the user re-enters their original email 
     ngModelCtrl.$formatters.unshift(function(modelValue) { 
     original = modelValue; 
     return modelValue; 
     }); 

     // using push() here to run it as the last parser, after we are sure that other validators were run 
     ngModelCtrl.$parsers.push(function (viewValue) { 
     if (viewValue && viewValue !== original) { 
      Users.query({email:viewValue}, function (users) { 
      if (users.length === 0) { 
       ngModelCtrl.$setValidity('uniqueEmail', true); 
      } else { 
       ngModelCtrl.$setValidity('uniqueEmail', false); 
      } 
      }); 
      return viewValue; 
     } 
     }); 
    } 
    }; 
}]); 

我需要澄清有關是否重要將格式化程序功能放置在$ formatters數組的開頭和$ parsers數組的末尾的解析器功能。

如果訂單很重要，請解釋原因。

Answer 1

解析器和驗證程序按順序運行，將返回值傳遞給下一個。您只需決定是否希望在所有其他休息之前或休息之後有機會完成您的功能。

從angularjs文檔：

的函數陣列來執行，作爲一個管道，每當控制從DOM讀取值。每個函數被調用，然後將值傳遞給下一個函數。最後一個返回值用於填充模型。用於淨化/轉換值以及驗證。爲了進行驗證，解析器應該使用$ setValidity（）更新有效性狀態，併爲無效值返回undefined。