Изменения значений Angular Reactive FormGroup не дают изменений в наблюдаемых

Question

У меня есть простая форма, которую я объявил, и присваиваемая ей наблюдаемая, наблюдаемая отображается на возвращаемый объект, я записываю объект в консоль перед возвратом, но значения не меняются.

comPlanForm= new FormGroup({
    commissionPlanType: new FormControl('', [Validators.required]),
    commissionPlanName: new FormControl('', [Validators.required, Validators.maxLength(150)]),
    commissionPlanDescription: new FormControl('', [Validators.maxLength(150)]),
    payoutSchedule: new FormControl('', [Validators.required]),
    broker: new FormControl('', [Validators.required]),
    trigger: new FormControl('', [Validators.required]),
     waitUntilDays: new FormControl('', [Validators.required]),
    startDate: new FormControl('', [Validators.required]),
    endDate: new FormControl('')});

comPlanForm$ = this.comPlanForm.valueChanges.pipe(
    map(value => { 
        const plan= new CommissionPlanRequest(null,null,value.commissionPlanName, value.commissionPlanDescription,
        value.commissionPlanType, value.startDate, value.endDate, value.payoutSchedule, value.broker, null,
        new PlanTrigger(null,value.waitUntilDays,value.trigger),[]) 
        return plan;
    }),
    tap(x=>console.log(x))
);

У меня нет ngOnInit, я также попытался поместить console.log в саму функцию карты, не повезло, есть идеи, почему мои изменения значений не запускаются?

Answer 1

 this.comPlanForm.valueChanges.subscribe(value =>
  { 
    const plan= new CommissionPlanRequest(null,null,value.commissionPlanName, value.commissionPlanDescription,
    value.commissionPlanType, value.startDate, value.endDate, value.payoutSchedule, value.broker, null,
    new PlanTrigger(null,value.waitUntilDays,value.trigger),[]) 
    this.comPlanForm$ = plan;
}

);