Initially input field not mandatory but still submit button disabled?

Question

I check input field validation like below. Some data input field needs to be filled and the button should be disabled. In mandatory case it works fine (console.log -> called

Answer 1

Maybe If you change your code to this, will help.

ngOnInit(): void {

   this.DetailModel$.pipe(
      switchMap(opd => {
          this.detail = opd as Detail;
          const date = this.detail?.time;
          const planDate = date !== undefined ? date : new Date();

          //according date select reviews data
          return this.store.select(selectAllReviewsDetailsModel(planDate))
      })).subscribe(res => {
             this.Reviews = res;

             //need to call after change Details
             this.isCommentMandatory(this.Reviews);
      });
  }

With that change, isCommentMandatory() will run after store.select

For more:

SwitchMap - Rxjs

Answer 2

Issue resolved when remove '(DetailModel.dirty)'