Parchear Angular datos observables en campos de formulario reactivos.

Tengo un formulario reactivo que inicializo en oninit () de esta manera, junto con un par de otras propiedades que estoy usando para obtener la ID pasada fuera de la URL y saber si el formulario se está utilizando para actualizar o crear una nueva entrada en una tabla mysql. El problema que tengo es al usar patchValue para pasar los datos devueltos desde mi servicio a mi formulario:

component.ts
“`
export class formComponent implements OnInit, AfterViewInit {

constructor(
private dataService: dataService,
private route: ActivatedRoute,
private router: Router,
private formBuilder: FormBuilder,
private ticketModel: ticketModel,
) {}

Form!: FormGroup;
isNewMode!: boolean;
id!: string;
ticket!: ticketModel[];

ngOnInit(){
this.id = this.route.snapshot.params[‘id’];
this.isNewMode = !this.id;

this.Form = this.formBuilder.group({
field1: [”, Validators.required],
field2: [”, Validators.required],
field3: [”, Validators.required],
field4: [”, Validators.required]

});

}

ngAfterViewInit(){
if(!this.isNewMode){
this.sub = this.dataService.getById(this.id)
.pipe(first())
.subscribe({
next: ticketData => {
this.ticket = ticketData;
},
});

this.Form.patchValue({
field1: this.ticket[0].field1,
field2: this.ticket[0].field2,
field3: this.ticket[0].field3,
field4: this.ticket[0].field4,

});

}

}
}

ticketModel.ts

export class ticketModel {
id: string = ”;
field1: string = ”;
field2: string = ”;
field3: string = ”;
field4: string = ”;
}

service.ts

export class dataService {
constructor(private errorHandlerService: errorHandlerService, private http: HttpClient) {}

private url = “/api/tickets”;

httpOptions:{ headers: HttpHeaders } = {
headers: new HttpHeaders({ “Content-Type”: “application/json” }),
};

getById(id: string): Observable<ticketmodel[]> {
return this.http
.get<ticketmodel[]>(${this.url}/${id}, {responseType: “json”})
.pipe(tap(() => console.log(‘returned by service: ‘, JSON.stringify())),
catchError(
this.errorHandlerService.handleError<ticketmodel[]>(“fetchAll”, [])
)
);
}

y solo en caso de que sea útil, este es un ejemplo del json de respuesta que obtengo cuando se ejecuta este método

[{“id”:18,”field1″:”string data”,”field2″:”data is here”,”field3″:”another string goes here”,”field4″:”this is another example string”}]

si no se pasa una ID, isNewMode es verdadero y el formulario se inicializa con valores en blanco, funciona bien desde allí. Cuando se pasa una identificación, estoy pasando eso a un método en el servicio de datos para consultar la base de datos y devolver solo esa fila. Esto también parece funcionar bien ya que puedo registrar esos datos en formato json en la consola. Simplemente no puedo entender cómo hacer que los datos se integren en el formulario después de probar esto de varias maneras diferentes.

Actualmente, la forma en que creo que esto debería funcionar, que es de lo que este código es un ejemplo, en patchValue () el compilador arroja un error de que “la propiedad field1 no existe en el tipo ticketModel []” cuando definitivamente existe como una propiedad en ese modelo.

Siento que probablemente me falta algo bastante pequeño y cualquier ayuda para descubrir qué sería muy apreciada, ¡gracias!</ticketmodel[]></ticketmodel[]></ticketmodel[]>