Angular 指令在通过选项卡时将字段标记为脏

Question

我一直在开发一个 Angular 应用程序，我需要能够通过字段进行选项卡

- 如果需要，请通过验证
- 如果不是，将它们标记为脏

通过这种方式在字段中切换将显示必填字段为错误，但在与它们交互之前，它们不会引发错误。

Answer 1

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();
      });
    }
};