Question

我有这个HTML模板：

<input type="text"
  ngModel
  #myValue="ngModel"
  name="{{ fieldName }}"
  id="{{ fieldName }}"
  value="{{ myVal }}"
  class="form-control"
  (change)="checkDirty(myValue)">

如何检查my.component.ts文件中的该字段是否脏？

现在，我的my.component.ts文件中只有以下基本代码：

export class UriFieldComponent implements OnInit {
    constructor() { }

    ngOnInit() { }

    checkDirty(value) {
        // in here I need to check is dirty or not
    }
}

Answer 1

NgModel类具有一个dirty属性。这意味着您可以：

checkDirty(value) {
    if (value.dirty) {
      ...
    }
}

但是，您使用它的方式是不正确的，如果您在输入更改中检查了dirty属性，则很明显该输入是肮脏的！换句话说，如果您要使用checkDirty函数，则输入总是脏的。

如何检查ngModel输入字段是否脏？

1 个答案: