title: matdialog 'mat-label' is not a known element
body: <p>I have an <code>angular 5.0.2</code> app. I'm trying to put a form in my <code>MatDialog</code> component. The dialog works but when I put from fields in there it breaks and gives the error.</p>
  <blockquote>
  <p>compiler.js:466 Uncaught Error: Template parse errors: 'mat-label' is
  not a known element:<br />
  1 . If 'mat-label' is an Angular component, then verify that it is part of this module.</p>
  </blockquote>
  <p>Here is the dialog component ts</p>
  <pre class="lang-js prettyprint-override"><code>import { Component, Inject } from '@angular/core';
  import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
  
  @Component({
    selector: 'email-dialog',
    templateUrl: './email-dialog.component.html',
    styleUrls: ['./email-dialog.component.css']
  })
  
  export class EmailDialogComponent {
    
      constructor(
      public dialogRef: MatDialogRef&lt;EmailDialogComponent&gt;) { }
    
  onNoClick(): void {
      this.dialogRef.close();
    }
  }
  </code></pre>
  <p>html</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div mat-dialog-content&gt;
    &lt;mat-form-field&gt;
      &lt;mat-label&gt;Title&lt;/mat-label&gt;
      &lt;mat-input placeholder=&quot;Title&quot;&gt;&lt;/mat-input&gt;
    &lt;/mat-form-field&gt;   
  &lt;/div&gt;
    &lt;div mat-dialog-actions&gt;
       &lt;button class=&quot;cfm-btn btn-n&quot;  mat-button (click)=&quot;onNoClick()&quot;&gt;Cancel&lt;/button&gt;
       &lt;button class=&quot;cfm-btn btn-y&quot;  mat-button [mat-dialog-close]=&quot;true&quot;&gt;Send&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Here is my app.module. I've imported <code>MatFormFieldModule</code> and placed them under <code>imports</code> and <code>exports</code> I don't see what I'm missing.</p>
  <pre class="lang-js prettyprint-override"><code>import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { RouterModule } from '@angular/router';
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  import { Http, HttpModule } from '@angular/http';
  import { AppComponent } from './app.component';
  import { AppRoutingModule } from './app-routing.module';
  import { GlobalService } from './shared/global.service';
  import { SharedModule } from './shared/shared.module';
  import { LP_HTTP_PROVIDERS } from './shared/http.interceptor';
  import { GenericService } from 'app/shared/generic.service';
  import { RequestSelectComponent } from 'app/request/request-select.component';
  import {MatTableModule} from '@angular/material/table';
  import { MatProgressSpinnerModule, MatSliderModule, MatButtonToggleModule, MatChipsModule, MatFormFieldModule, MatButtonModule, MatSelectModule, MatCheckboxModule, MatInputModule, MatRadioModule, MatAutocompleteModule, MatTooltipModule, MatTabsModule, MatGridListModule, MatSnackBarModule, MatProgressBarModule, MatDialogModule, MatCardModule, MatExpansionModule, MatIconModule, MatDatepickerModule, MatNativeDateModule, MatPaginatorModule, MatSortModule } from '@angular/material';
  import { DynamicFormComponent } from 'app/questionnaire/dynamic-form.component';
  import { DynamicFormGroupComponent } from 'app/questionnaire/dynamic-form-group.component';
  import { DynamicFormQuestionComponent } from 'app/questionnaire/dynamic-form-question.component';
  import { LoadingComponent } from 'app/loading/loading.component';
  import { FormsModule, ReactiveFormsModule } from '@angular/forms';
  import { VaultComponent } from 'app/components/vault.component';
  import { CookieService } from 'ngx-cookie-service';
  import { FlexLayoutModule } from '@angular/flex-layout';
  import { ProjectOrderCodeComponent } from 'app/questionnaire/project-order-code.component';
  import { ProjectOrderCodeKitsComponent } from 'app/questionnaire/project-order-code-kits.component';
  import { OwlDateTimeModule } from 'ng-pick-datetime';
  import { DateTimePickComponent } from 'app/questionnaire/datetime-picker.component';
  import { DraftSearchComponent } from 'app/modals/draft-search.component';
  import { ZupSearchComponent } from 'app/questionnaire/zup-search.component';
  import { ProjectConversionComponent } from 'app/project-conversion/project-conversion.component';
  import { ProjectConversionRowComponent } from 'app/project-conversion/project-conversion-row.component';
  import { ProjectConversionRowFilterComponent } from 'app/project-conversion/project-conversion-row-filter.component';
  import { ProjectConversionRowFiltersComponent } from 'app/project-conversion/project-conversion-row-filters.component';
  import { WorkfrontParameterComponent } from 'app/project-conversion/workfront-parameter.component';
  import { RadioControlComponent } from 'app/workfront-controls/radio-control.component';
  import { MultiSelectControlComponent } from 'app/workfront-controls/multi-select-control.component';
  import { SelectControlComponent } from 'app/workfront-controls/select-control.component';
  import { TextControlComponent } from 'app/workfront-controls/text-control.component';
  import { DateControlComponent } from 'app/workfront-controls/date-control.component';
  import { CheckboxControlComponent } from 'app/workfront-controls/checkbox-control.component';
  import { SelfServicingComponent } from 'app/self-servicing/self-servicing.component';
  import { OwlNativeDateTimeModule } from 'ng-pick-datetime';
  import { OWL_DATE_TIME_LOCALE } from 'ng-pick-datetime';
  import { OWL_DATE_TIME_FORMATS } from 'ng-pick-datetime';
  import { ZupAdvancedSearchComponent } from 'app/zup-advanced-search/zup-advanced-search.component';
  import { ZupAdvancedSearchResultsComponent } from 'app/zup-advanced-search/zup-advanced-search-results.component';
  import { CopyRequestComponent } from './modals/copy-request.component';
  import { CsatEmailComponent } from 'app/csat/csat-email.component';
  import {ConfirmationDialogComponent} from 'app/components/confimation-dialog/confirmation-dialog.component'; 
  import {EmailDialogComponent} from 'app/components/email-component/email-dialog.component';
  @NgModule({
      imports: [
          BrowserModule,
          AppRoutingModule,
          BrowserAnimationsModule,
          RouterModule,
          HttpModule,
          FormsModule,
          ReactiveFormsModule,
          MatButtonModule,
          MatSelectModule,
          MatCheckboxModule,
          MatInputModule,
          MatRadioModule,
          MatAutocompleteModule,
          MatTooltipModule,
          MatTabsModule,
          MatSnackBarModule,
          MatGridListModule,
          MatProgressBarModule,
          MatCardModule,
          MatExpansionModule,
          MatIconModule,
          MatDatepickerModule,
          MatNativeDateModule,
          MatTableModule,
          MatPaginatorModule,
          FlexLayoutModule,
          OwlDateTimeModule,
          OwlNativeDateTimeModule,
          MatDialogModule,
          MatSortModule,
          MatFormFieldModule,
          MatChipsModule,
          MatButtonToggleModule,
          MatSliderModule,
          MatProgressSpinnerModule
      ],
      providers: [
          GlobalService,
          GenericService,
          LP_HTTP_PROVIDERS,
          CookieService,
          {provide: OWL_DATE_TIME_LOCALE, useValue: 'en-US'}
      ],
      entryComponents: [ConfirmationDialogComponent, EmailDialogComponent],
      exports: [ SharedModule, MatTableModule, MatFormFieldModule ],
      declarations: [ AppComponent, RequestSelectComponent, DynamicFormComponent, DynamicFormGroupComponent, DynamicFormQuestionComponent, LoadingComponent, VaultComponent, ProjectOrderCodeComponent, DateTimePickComponent, DraftSearchComponent, ZupSearchComponent, ProjectConversionComponent, ProjectConversionRowComponent, ProjectConversionRowFiltersComponent, ProjectConversionRowFilterComponent, WorkfrontParameterComponent, RadioControlComponent, MultiSelectControlComponent, SelectControlComponent, TextControlComponent, DateControlComponent, CheckboxControlComponent, SelfServicingComponent, ZupAdvancedSearchComponent, ZupAdvancedSearchResultsComponent, ProjectOrderCodeKitsComponent, CopyRequestComponent, CsatEmailComponent,
          ConfirmationDialogComponent, EmailDialogComponent ],
      bootstrap: [ AppComponent ]
  })
  export class AppModule { }
  </code></pre>