Implementa update relacionamento laboratorio

src/app/components/laboratorio/laboratorio-create/laboratorio-create.component.ts

@@ -23,12 +23,9 @@ export class LaboratorioCreateComponent implements OnInit {
   }
 
   ngOnInit(): void {
-    this.laboratoryDomainService
-      .read()
-      .subscribe((laboratoryDomains) => {
-        this.laboratoryDomains = laboratoryDomains;
-        console.table(this.laboratoryDomains);
-      });
+    this.laboratoryDomainService.read().subscribe((laboratoryDomains) => {
+      this.laboratoryDomains = laboratoryDomains;
+    });
   }
 
   createLaboratorio(): void {

src/app/components/laboratorio/laboratorio-update/laboratorio-update.component.html

@@ -6,9 +6,10 @@
         matInput
         placeholder="Nome"
         [(ngModel)]="laboratorio.nome"
-        name="name"
+        name="nome"
       />
     </mat-form-field>
+
     <mat-form-field appearance="fill">
       <input
         matInput
@@ -17,12 +18,28 @@
         name="serie"
       />
     </mat-form-field>
+
+    <mat-form-field appearance="fill">
+      <mat-label>Laboratório domínio</mat-label>
+      <mat-select
+        [(ngModel)]="laboratorio.laboratory_domain_id"
+        name="laboratory_domain_id"
+      >
+        <mat-option
+          *ngFor="let laboratoryDomain of laboratoryDomains"
+          [value]="laboratoryDomain.id"
+        >
+          {{ laboratoryDomain.name }}
+        </mat-option>
+      </mat-select>
+    </mat-form-field>
+
     <mat-form-field appearance="fill">
       <input
         matInput
         [matDatepicker]="criado_em"
         placeholder="Criado em"
-        [(ngModel)]="laboratorio.criado_em" name="criado em" 
+        [(ngModel)]="laboratorio.criado_em" name="criado_em" 
         required
       />
       <mat-datepicker-toggle
@@ -32,6 +49,7 @@
       <mat-datepicker #criado_em></mat-datepicker>
     </mat-form-field>
   </form>
+
   <button mat-raised-button (click)="updateLaboratorio()" color="primary">
     Salvar
   </button>

src/app/components/laboratorio/laboratorio-update/laboratorio-update.component.ts

@@ -1,3 +1,5 @@
+import { LaboratoryDomain } from './../../model/laboratory-domain.model';
+import { LaboratoryDomainService } from '../../laboratory-domain/laboratory-domain.service';
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Laboratorio } from '../../model/laboratorio.model';
@@ -10,9 +12,11 @@ import { LaboratorioService } from '../laboratorio.service';
 })
 export class LaboratorioUpdateComponent implements OnInit {
   laboratorio!: Laboratorio;
+  laboratoryDomains: LaboratoryDomain[] = [];
 
   constructor(
     private laboratorioService: LaboratorioService,
+    private laboratoryDomainService: LaboratoryDomainService,
     private router: Router,
     private route: ActivatedRoute
   ) { }
@@ -24,6 +28,12 @@ export class LaboratorioUpdateComponent implements OnInit {
       .subscribe((laboratorio) => {
         this.laboratorio = laboratorio;
       });
+
+    this.laboratoryDomainService
+      .read()
+      .subscribe((laboratoryDomains) => {
+        this.laboratoryDomains = laboratoryDomains;
+      });
   }
 
   updateLaboratorio(): void {