以下是一个示例解决方案,演示了如何在Angular 6中更新ng-dirty,当输入的值恢复到原始状态时:
在组件的HTML模板中,请确保您的表单控件使用了[(ngModel)]绑定,以便在输入更改时更新模型的值。您可以使用ngModel的ngModelChange事件来检测输入的值是否发生了更改。
在组件的TypeScript代码中,您可以使用一个变量来存储原始输入值,并在输入更改时更新它。当输入的值恢复到原始状态时,您可以更新ng-dirty的状态。
export class MyComponent {
myInputValue: string;
originalInputValue: string;
ngOnInit() {
this.originalInputValue = this.myInputValue;
}
onInputChange() {
if (this.myInputValue === this.originalInputValue) {
// 输入的值恢复到原始状态
const inputControl = this.myForm.controls['myInput'];
inputControl.markAsPristine();
}
}
}
这是一个简单的示例,演示了如何在Angular 6中更新ng-dirty,当输入的值恢复到原始状态时。您可以根据您的具体需求进行更改和扩展。