mat-selectが正しく機能していません

Question

mat-select要素が面白いです。下記参照。

コードmat-form-fieldでmat-selectラッピング

<mat-form-field> 
    <input matInput placeholder="Name" #NameInput> 
</mat-form-field> 

<mat-select placeholder="How Many?"> 
    <mat-option>One</mat-option> 
    <mat-option>Two</mat-option> 
    <mat-option>Three</mat-option> 
    <mat-option>Four</mat-option> 
    <mat-option>Five</mat-option> 
</mat-select> 

結果

は私に次のエラーを与える：

mat-form-field must contain a MatFormFieldControl. Did you forget to add matInput to the native input or textarea element?

inputにmatInputを含めると、とmat-selectの両方が一緒に表示され、奇妙に見えます。これはどうですか？

Answer 1

愚かな私に、私は私のapp.module.ts

Answer 2

あなたの選択は、入力と同じマットフォームフィールドではなく、マットフォームフィールド内になければならないというメッセージが表示されます。彼らはどのように行うのdocで

<mat-form-field> 
    <input matInput placeholder="Name" #NameInput> 
</mat-form-field> 

<mat-form-field> 
    <mat-select placeholder="How Many?"> 
     <mat-option>One</mat-option> 
     <mat-option>Two</mat-option> 
     <mat-option>Three</mat-option> 
     <mat-option>Four</mat-option> 
     <mat-option>Five</mat-option> 
    </mat-select> 
</mat-form-field> 

：これを試してみてください、私は私の一番下に述べたようにhttps://material.angular.io/components/form-field/overview