Mat-Select не отображает параметры
Я работаю внутри приложения Angular и пытаюсь отобразить некоторые параметры, но по какой-то причине при отображении страницы параметры отсутствуют, и нет никаких признаков того, что была выдана ошибка (ничего в консоли) . Я даже пытался сделать более простую версию (без привязки к модели страницы), но все равно ничего.
<mat-form-field>
<mat-label>Active</mat-label>
<mat-select >
<mat-option value = "true" >True</mat-option>
<mat-option value = "false">False</mat-option>
</mat-select>
</mat-form-field>
Кто-нибудь видит, есть ли проблема с тем, как я это вставил? Боковое примечание: у меня есть еще одно поле формы мата прямо над этим полем, которое включает ввод, но с этим проблем нет. Спасибо за любую помощь.
Попробуйте очистить кеш браузера.
Пробовал очищать кеш, и ничего. Кроме того, в div, содержащем это, есть условное выражение, но это простой скрытый атрибут, и, поскольку контейнер действительно появляется, похоже, что проблема не в этом.
Вы уверены, что импортируете MatSelectModule?
Да, я импортирую в модуль как MatSelectModule, так и MatOptionModule. Я не знаю, имеет ли это значение или нет, но я пытаюсь использовать его в представлении BottomSheet.
Если ошибки нет, причина только в том, что ваш контейнер не отображается или какие-либо проблемы css
Вам не нужно импортировать дополнительный модуль. Вы добавили стили, необходимые для создания тем?
Лучше всего было бы, если бы вы попытались воспроизвести проблему в StackBlitz :)
Ответы 2
Для меня, чтобы это заработало, BrowserAnimationsModule пришлось импортировать в файл app.module.ts, а также добавить готовую тему для материала. Я использовал:
@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css";
Пожалуйста, проверьте, импортировали ли вы модуль анимации браузера в свой app.module.ts. это сработало для меня, когда я импортировал его.
Странный. Вы показываете это условно?