Angular Directive,在选项卡浏览时将字段标记为脏字段

Angular Directive to mark a field as dirty when tabbed through

本文关键字:字段 记为 浏览 Directive 选项 Angular      更新时间:2023-09-26

我一直在开发一个有角度的应用程序,在该应用程序中,我需要能够在字段中进行制表

-如果需要,则验证失败
-如果不是,则将其标记为脏

通过这种方式,在字段之间切换将显示错误的必填字段,但在与它们交互之前,它们不会抛出错误。

return {
  restrict: 'A',
  require: "ngModel",
  link: function (scope, element, attrs, modelCtrl) {
    element.bind('blur', (change) => {
      if ((element.val() == '') && (attrs.required)){
        modelCtrl.$setValidity('tabValidate', false);
      }else{
        modelCtrl.$setValidity('tabValidate', true);
      }
        modelCtrl.$setDirty();
      });
    }
};