Angular2 unsubscribe valueChanges on formGroup

Question

유효성 검증에 사용하는 양식의 등록 취소 변경 사항에 문제점이 있습니다. 정확한 방법으로 끄고 싶은 내 방법 :

this.taskForm.valueChanges.subscribe(data => { 
         ... 
       this.output = data; 
     }); 

제출 후이 청취자를 삭제하고 싶습니다. 어떻게해야합니까? unsubscribe을 사용하려고했지만 도움이되지 않습니다. 다음은 내 시도입니다 :

this.sub = this.taskCreate.valueChanges.subscribe(data => { 
          ... 
       this.output = data; 
     }); 

나는 this.sub.unsubscribe();을 추가하려고하지만, 도움이되지 않았다.

onSubmit(form: FormGroup) { 
    let context: number = 0; 

    if(form.valid) { 
     this.appService.addTask(form.value) 
      .then(result => { 
       this.lgModal.hide(); 
       this.taskCreate.reset({ priority: '' }); 
       this.cartBox.cart = []; 
       this.cartBox.showCart = false; 
       this.createTaskDone.emit(); 
       this.attachments.attachmentList = []; 
       this.uploader.clearQueue(); 
       this.reloadContent.emit(context); 
       this.counter += 1; 
       console.log("COUNTER: ", this.counter); 

      })} 
    else { 
     this.formValidator(form); 

    } 

} 

formValidator(form:FormGroup) { 
    if(!form.controls['goal'].valid) this.formValid.goalErr = 1; else this.formValid.goalErr = 0; 
    if(!form.controls['priority'].valid) this.formValid.priorityErr = 1; else this.formValid.priorityErr = 0; 
    if(!form.controls['note'].valid) this.formValid.noteErr = 1; else this.formValid.noteErr = 0; 

    this.taskCreate.valueChanges.subscribe(data => { 
     this.formValidator(form); 
     this.output = data; 
    }); 
} 

Answer 1

formValidator 내부 valueChanges 구독은

formValidator(form:FormGroup) { 
    if(!form.controls['goal'].valid) this.formValid.goalErr = 1; else this.formValid.goalErr = 0; 
    if(!form.controls['priority'].valid) this.formValid.priorityErr = 1; else this.formValid.priorityErr = 0; 
    if(!form.controls['note'].valid) this.formValid.noteErr = 1; else this.formValid.noteErr = 0; 

    this.taskCreate.valueChanges.subscribe(data => { 
     this.formValidator(form); 
     this.output = data; 
    }); 
} 

나는 당신이 실제로 원하는 것은 바로 다음 this.taskCreate 및 초기화 코드 아래

this.sub = this.taskCreate.valueChanges.subscribe(data => { 
    this.formValidator(form); 
    this.output = data; 
}); 

을 이동하는 것입니다 가정 거라고 나에게 잘못된 것 같습니다 onSubmit에서 this.sub.unsubscribe() 전화를하십시오.

this.taskCreate.valueChanges.subscribe(이 여러 번 호출되고, this.sub = this.taskCreate.valueChanges.subscribe(을 사용하면 이전 구독이 새로운 구독으로 덮어 쓰여지고 참조가 손실되므로 구독을 취소 할 수 없습니다.