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();を追加しようとしましたが、それは助けにはなりませんでした。 formValidator内部valueChangesへの登録

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(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(を使用した場合、以前のサブスクリプションは新しいサブスクリプションによって上書きされ、参照が失われるため、サブスクライブ解除できません。