примерно через 3 дня я пытаюсь заставить Angular autocomplete работать, но безуспешно. Даже простой пример со страницы не работает. Теперь я надеюсь, что некоторые из вас могут помочь мне с моей проблемой.
К сожалению, я не получаю никакой ошибки, стека или информации журнала от отладчика. На данный момент я не уверен, что мой компонент просто не знает тег <mat-autocomplete>
или я что-то не так сделал, когда получал значения для элемента управления.
В соответствии с примером должно появиться окно со значениями для выбора, но я даже не получаю поле.
Краткое описание.
У меня есть служба, которая будет вызывать мойapi для извлечения всех значений (их не так много, что мне нужен динамический поиск) для отображения на автозаполнении. Для начала я просто хочу показать все записи.
Версии, которые я использую
"@angular/animations": "8.0.0",
"@angular/cdk": "~8.2.3",
"@angular/common": "8.0.0",
"@angular/compiler": "8.0.0",
"@angular/core": "8.0.0",
"@angular/forms": "8.0.0",
"@angular/material": "~8.2.3",
"@angular/platform-browser": "8.0.0",
"@angular/platform-browser-dynamic": "8.0.0",
"@angular/platform-server": "8.0.0",
"@angular/router": "8.0.0",
Пожалуйста, см. Суть для полного кода.
Загрузка всех элементов из углового материала (material.module.ts) и использование их в app.module.ts.
В моем компоненте (add-groceries.component.ts) я загружаю все данные, необходимые дляпредставление в методе ngOnInit()
.
Когда я открываю представление (add-groceries.component.html) и нажимаю на элемент управления (foodName), абсолютно ничего не происходит. В соответствии с примером должно появиться окно, в котором будут отображаться элементы для выбора, но даже поле не отображается.
В настоящее время я добавил функцию фильтра, чтобы убедиться, что данные присутствуют, когда я изменяю значение вводаполе. Все работает с этой стороны, когда вход не имеет значения, весь список будет назначен на filteredFood
.
Я надеюсь, что кто-то здесь может помочь мне с моей проблемой.
Спасибо заранее!