Angular Reactive form patchValue is not setting the data to control

It seems like you’re having trouble with Angular’s patchValue method. This method is used to update specific parts of a form control.

Here are a few things you could check:

1. Asynchronous Data: If the data you’re trying to patch is being fetched asynchronously (like from an API), you need to ensure that the data is available before you try to patch the form. You might be trying to patch the form before the data has been returned from the API.

2. Form Initialization: Make sure that your form is properly initialized before you try to patch it. If the form doesn’t exist when you’re calling patchValue, it won’t be able to set the values.

3. Form Control Names: Ensure that the form control names you’re using in the patchValue method match the ones in your form group.

4. Data Structure: The structure of the data you’re trying to patch needs to match the structure of your form. If you’re trying to patch a nested form group or an array, the data you’re using to patch needs to have the same nested structure.

Here’s a way to ensure that the data is available before patching the form:

if (this.editdata && this.editdata.length > 0) {
  this.editForm.patchValue({
    projectId: this.editdata[0].projectId
  });
}

This will check if editdata is defined and if it has at least one item before trying to patch the form. If the data isn’t available, it won’t try to patch the form and skip over the block.