Ошибка при попытке использовать native select с угловым материалом - PullRequest
0 голосов
/ 30 января 2019

Я бы хотел использовать native select, так как он более доступен, вместо mat-select.Я последовал задокументированному примеру дословно, чтобы попытаться начать:

<mat-form-field>
    <select matNativeControl required>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
     </select>
 </mat-form-field>

Однако я получаю это, ERROR Error: mat-form-field must contain a MatFormFieldControl.

В моем модуле у меня есть:

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { MatButtonModule, MatTabsModule, MatSelectModule, MatCardModule, MatSlideToggleModule, MatFormFieldModule,
     MatInputModule, MatProgressSpinnerModule, MatTableModule, MatTooltipModule } from '@angular/material';*/
import { MyComponent } from './my.component';

@NgModule({
    imports: [
        FormsModule,
        BrowserModule,
        MatButtonModule,
        MatTabsModule,
        MatSelectModule,
        MatCardModule,
        MatSlideToggleModule,
        MatFormFieldModule,
        MatInputModule,
        MatProgressSpinnerModule,
        MatTableModule,
        MatTooltipModule
    ],
    declarations: [
        MyComponent
    ],
    providers: []
})
export class MyModule { }

Я искал эту ошибку, и общее решение - добавить отсутствующий модуль, но я не вижу, чего мне здесь не хватает.mat-select не вызывает ошибку.Я начинаю задаваться вопросом, является ли документация неправильной или устаревшей.

1 Ответ

0 голосов
/ 30 января 2019

Вы должны использовать материал select или input в mat-form-field.Если вы хотите использовать нативный выбор, вы не можете использовать mat-form-field использовать простой div с некоторыми стилями, такими как mat-form-field.

РЕДАКТИРОВАТЬ Извините, решение работает, используйте matNativeControl вselect

Но попробуйте обновить материал до последней версии:

ng update @angular/material
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...