davood beheshti's questions

Estou usando MenuModule o Primeng

O modelo dentro do Menu é do tipo sinal

E é retirado do serviço

Agora, quando o serviço é chamado e o modelo é preenchido, este erro é exibido

ERROR TypeError: Cannot read properties of null (reading 'offsetHeight')

//Código HTML

<h1 (click)="statusDispacherClick(213 , $event)">
    Status Click
</h1>
<p-menu #menu [model]="listStatusTypes()" [popup]="true" />

//Código TypeScript

  @ViewChild('menu') menu !: Menu;
  listStatusTypes = signal<any[]>([])

  statusDispacherClick(data, event) {
    this.service.getDashboardChangeStatusTypes(data).subscribe(dataService => {
      dataService.map(x => {
        x.label = x.title;
      })
      this.listStatusTypes.set(dataService);
      this.cdRef.detectChanges();
      this.menu.toggle(event);
    })
  }

Tenho uma condição que, se for verdadeira, quero adicionar uma série de validações a alguns formulários e, quando a condição não for verdadeira, removerá os validadores.

Agora, quando adiciono o validador, ele funciona corretamente, mas quando tento removê-lo, ele não é removido corretamente!!!

//html

<div [formGroup]="form">
    <p-checkbox (onChange)="changeShouldEnter()" name="shouldEnter" [value]="true"
          formControlName="shouldEnter"></p-checkbox>
    <label class="radio-lable mx-2">text</label>
</div>

//datilografado

  ngOnInit(): void {    
    this.form = new FormGroup({
      shouldEnter: new FormControl([]),
      storeCategoryId: new FormControl(),
      storeCategoryItemCode: new FormControl(),
    })
  }


  changeShouldEnter() {
    if (this.form.get('shouldEnter').value[0]) {
      this.form.get("storeCategoryId").addValidators(Validators.required)
      this.form.get("storeCategoryItemCode").addValidators(Validators.required)
    } else {
      this.form.get("storeCategoryId").removeValidators(Validators.required)
      this.form.get("storeCategoryItemCode").removeValidators(Validators.required)
    }
    this.cdr.detectChanges();
  }

Eu até tentei dessa forma, mas no final, quando vou logar o formulário, ele continua inválido, e também dentro dos controles desse formulário, ele diz require: truenovamente.

.removeValidators([Validators.required])
//or
.addValidators([])