Refatora combo select relacionamento laboratorio create

hotsoft-informatica · Jul 27, 2021 · 82f0d22 · 82f0d22
1 parent 1f8f2ff
commit 82f0d22
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 10 deletions.
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -16,6 +16,7 @@ import { MatInputModule } from '@angular/material/input';
 import { MatTableModule } from '@angular/material/table';
 import { MatNativeDateModule } from '@angular/material/core';
 import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatSelectModule } from '@angular/material/select';
 
 import { AppComponent } from './app.component';
 import { HeaderComponent } from './components/template/header/header.component';
@@ -65,6 +66,7 @@ registerLocaleData(localePt);
     MatListModule,
     MatInputModule,
     MatTableModule,
+    MatSelectModule,
     MatButtonModule,
     MatToolbarModule,
     HttpClientModule,

diff --git a/src/app/components/laboratorio/laboratorio-create/laboratorio-create.component.html b/src/app/components/laboratorio/laboratorio-create/laboratorio-create.component.html
@@ -10,15 +10,6 @@
       />
     </mat-form-field>
 
-    <select [(ngModel)]="laboratorio.laboratory_domain_id" name="laboratory_domain_id">
-      <option
-        *ngFor="let laboratoryDomain of laboratoryDomains"
-        [ngValue]="laboratoryDomain.id"
-      >
-        {{ laboratoryDomain.name }}
-      </option>
-    </select>
-
     <mat-form-field appearance="fill">
       <input
         matInput
@@ -27,6 +18,22 @@
         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

diff --git a/src/app/components/laboratorio/laboratorio-create/laboratorio-create.component.ts b/src/app/components/laboratorio/laboratorio-create/laboratorio-create.component.ts
@@ -20,7 +20,6 @@ export class LaboratorioCreateComponent implements OnInit {
     private laboratoryDomainService: LaboratoryDomainService
   ) {
     this.laboratorio = new Laboratorio({});
-    // this.laboratorio.laboratory_domain_id = 1;
   }
 
   ngOnInit(): void {