docs: update material inputs example (#324)

testing-library · Nov 21, 2022 · 80f3341 · 80f3341
1 parent eb506f1
commit 80f3341
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/apps/example-app/src/app/app.module.ts b/apps/example-app/src/app/app.module.ts
@@ -7,7 +7,7 @@ import { StoreModule } from '@ngrx/store';
 import { AppRoutingModule } from './app-routing.module';
 import { MaterialModule } from './material.module';
 import { MatIconModule } from '@angular/material/icon';
-import { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';
+import { MatListModule } from '@angular/material/list';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatToolbarModule } from '@angular/material/toolbar';
 

diff --git a/apps/example-app/src/app/examples/04-forms-with-material.ts b/apps/example-app/src/app/examples/04-forms-with-material.ts
@@ -6,10 +6,12 @@ import { UntypedFormBuilder, Validators } from '@angular/forms';
   template: `
     <form [formGroup]="form" name="form">
       <mat-form-field>
+        <mat-label>Name</mat-label>
         <input matInput placeholder="Name" name="name" formControlName="name" required />
       </mat-form-field>
 
       <mat-form-field>
+        <mat-label>Score</mat-label>
         <input
           matInput
           type="number"
@@ -23,6 +25,7 @@ import { UntypedFormBuilder, Validators } from '@angular/forms';
       </mat-form-field>
 
       <mat-form-field>
+        <mat-label>Color</mat-label>
         <mat-select placeholder="Color" name="color" formControlName="color">
           <mat-select-trigger>
             {{ colorControlDisplayValue }}

diff --git a/apps/example-app/src/app/material.module.ts b/apps/example-app/src/app/material.module.ts
@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 
-import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
-import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatNativeDateModule } from '@angular/material/core';