Отключенная кнопка не работает каждый раз

Question

Это мой код кнопки обновления HTML.updateItem - мой метод, когда я нажимаю на update, этот метод будет работать.

(button start) 
button class="button" type="submit"  *ngIf="update" (click)="updateItem(dashboard.value)" [disabled]="formDate.untouched &&formTask.untouched &&formDescription.untouched">Update(button end)

это мой файл dashboard.component.ts

edit(taskname:string){
       this.update=true;




       let fetchArray= JSON.parse(window.localStorage.getItem('key'));

this.editItem = fetchArray.filter(fetchArray => fetchArray.taskname == taskname);


        this.taskname=this.editItem[0].taskname;

        this.date=this.editItem[0].date;
        this.description=this.editItem[0].description;
        this.updateval=this.editItem[0].taskname;


   }


  updateItem(form: any):void{

     this.update=false; 

       this.taskname=form.taskname;

       this.date=form.date;
       this.description=form.description;
       form.taskname=this.updateval;
       this.taskUpdate=form.taskname;

        let inLocalStorage= JSON.parse(window.localStorage.getItem('key'));

          let itemUpdate={ "taskname":this.taskname , "date": this.date, "description": this.description};
          var j;



          for(var i=0; i< inLocalStorage.length; i++)
         {
           if (this.taskUpdate == inLocalStorage[i].taskname)
           {

             j=i;

           }

         }  

                 this.myArray.splice(j,1,itemUpdate);

             window.localStorage.setItem('key',JSON.stringify(this.myArray));

             this.match= JSON.parse(window.localStorage.getItem('key'));



}

когда я нажимаю кнопку редактирования, кнопка обновления будет отображаться после нажатия кнопки обновления, это будетотключен.

Я хочу, чтобы каждый раз, когда я нажимал на кнопку редактирования, обновление было отключено

Answer 1

в качестве формы, управляемой шаблоном, у вас должен быть html, как показано ниже

<input type="text" name="name" [(ngModel)]="model.task" #formTask="ngModel" required>

, если у вас есть html, как указано выше, то тег кнопки будет выглядеть как

button class="button" type="submit"  
 ..other code
[disabled]="!formDate.dirty && !formTask.dirty && !formDescription.dirty

для проверки dirty флаг, который говорит вам, что элемент изменен или нет, и потому untouched не очень помогает, он просто проверяет, касался элемент или нет.