Скрыть выделение в ng-select
Мы используем ng-select в проекте. И мне нужно предоставить функциональность с раскрывающимся списком, но моя цель - очистить поле выбора после выбора элемента из раскрывающегося списка. Кто-нибудь сталкивался с этой проблемой?
<ng-select
#addmanager
(change) = "setLeagueAdmin($event)"
[items] = "notAdminLeagueMembers"
bindLabel = "title"
placeholder = "Select from list"
[clearSearchOnAdd] = "true"
[virtualScroll] = "true"
[clearable] = "true"
(scrollToEnd) = "onAddManagerSscrollEnd()">
</ng-select>
@Chellappan нет, я выбираю элемент из списка, вызываю функцию, элемент удаляется из списка, и мне нужно очистить поле выбора, потому что предварительный просмотр элемента остается в поле.
какую форму вы используете?
это не форма, я привязываю массив и вызываю обратный вызов setLeagueAdmin при событии изменения, который удаляет выбранное значение из массива notAdminLeagueMembers. Проблема в том, что метка значения остается на выбранном поле, и я не могу его очистить.
Ответы 1
Вы можете использовать ViewChild, чтобы получить первый элемент или директиву, соответствующую селектору, из представления DOM. Если DOM представления изменяется и новый дочерний элемент соответствует селектору, свойство будет обновлено.
<ng-select
#addmanager
(change) = "setLeagueAdmin($event)"
[items] = "notAdminLeagueMembers"
bindLabel = "title"
placeholder = "Select from list"
[clearSearchOnAdd] = "true"
[virtualScroll] = "true"
[clearable] = "true"
(scrollToEnd) = "onAddManagerSscrollEnd()">
</ng-select>
component.ts
@ViewChild('addmanager') ref:ElementRef;
onChange($e){
console.info($e);
//set the input element clear
this.ref.itemsList['_selected']=[];
}
Посмотрите пример здесь: https://stackblitz.com/edit/ng-select-q46vpr
Больше не работает с новой версией (2.12.1). Поскольку для отображения требуется _selectedModel вместо _selected
вы имеете в виду, что после выбора вы хотите удалить раскрывающийся список?