Блог

Главная - Вопросы по программированию - mat-выберите не выбирать опцию по умолчанию

mat-выберите не выбирать опцию по умолчанию

#angular #angular-material

#angular #угловой-материал

Вопрос:

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

HTML

 <mat-form-field class="example-full-width">
    <mat-select placeholder="Please Select" name="status" [(ngModel)]="myData.selectionData">
        <mat-option value="selection1">selection 1</mat-option>
        <mat-option value="selection2">selection2</mat-option>
    </mat-select>
</mat-form-field>

Машинописный текст

 myData: any = {
  selectionData: "selection1"
}

Комментарии:

1. Он должен работать нормально.

2. это не работает со мной @Sajeetharan

3. @GopuV Проверьте, что это работает нормально! если это не работает с вашим кодом, опубликуйте общий / соответствующий код в вопросе или в стекблите

Ответ №1:

Пожалуйста, проверьте в своей консоли, есть ли у вас какие-либо ошибки для:

  1. MatSelectModule
  2. BrowserAnimationsModule

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

Вот рабочий Stackblitz с точно таким же кодом из вопроса. https://stackblitz.com/edit/angular-xlumuu

Ответ №2:

Как уже говорилось, он работает в онлайн-редакторах, но не работает с моим кодом. Теперь я изменил ngModel на значение, оно работает нормально. Спасибо за ваш любезный ответ.