#angular #nebular #form-fields
Вопрос:
Я столкнулся с проблемой с Nebular и Angular 12, я пытаюсь добавить значок внутри ввода, для этого я использую тег, как указано в документации.
Но это возвращает мне эту ошибку :
ОШИБКА Ошибка: компонент NbFormFieldКомпонент должен содержать [nbInput]
Как кто-нибудь сталкивался с подобной проблемой ? вот часть кода, в которой я пытаюсь использовать поле nb-формы:
<nb-form-field class="range-picker-container">
<nb-icon nbPrefix icon="at-outline" pack="eva"></nb-icon>
<input nbInput placeholder="{{ range.start | date }} - {{ range.end | date }}" [nbDatepicker]="rangePicker">
<nb-rangepicker [range]="range" #rangePicker></nb-rangepicker>
</nb-form-field>
Конечно, я импортирую NbFormFieldМодуль в свою страницу.module.ts
Хорошего дня!
Комментарии:
1. Вы завернули средство выбора даты в <nb-поле формы>, которое ожидает внутри элемента nbInput и показывает вам ошибку. Удалите это, чтобы решить вашу проблему.
2. Я получаю ту же ошибку, если удаляю <nb-rangepicker> из <nb-rangepicker><nb-форма-поле>.
Ответ №1:
для тех, кто сталкивается с той же проблемой, вот решение:
я забыл импортировать
NbInputМодуль,
с
NbFormFieldМодуль,
в моей странице.module.ts