J'ai recherché une option de liste déroulante filtrée dans des matériaux angulaires et n'a rien trouvé avec Mat-Select Multiselect. Je ne pense pas qu'une implémentation soit disponible dans des matériaux angulaires pour la sélection de tapis. Existe-t-il un moyen de mettre en œuvre cela en utilisant du matériel angulaire?
3 Réponses :
Il n'y a pas de composant par défaut dans des matériaux angulaires qui ont la liste déroulante et le filtre intégré en un seul composant. Mais il y a trois façons différentes d'utiliser une descente avec un filtre.
Créer une liste déroulante personnalisée avec filtre à l'aide de la touche Tape-Select et d'entrée Comme indiqué ici
Utilisez des composants tiers qui fournissent la même fonctionnalité Comme Select-Select-Search
Eh bien, nous pouvons créer un contrôle de formulaire d'entrée de matériau qui était un multisélect avec filtre.
Comme la réponse est un peu plus grande, vous pouvez voir le résultat dans The Stackblitz P>
L'idée Est-ce que nous avons un composant qui a un @input qui peut être une gamme de chaînes ou d'une gamme d'objets. Nous avons trois variables auxiliaires p> et deux formes, une pour montrer la valeur et une pour filtrer la liste p> Lorsque nous avons reçu la liste dans une entrée, nous créons la liste _List et donnez de la valeur aux touches p> donc, par exemple p> Si P> ngOnDestroy() {
this.stateChanges.complete();
this._focusMonitor.stopMonitoring(this._elementRef);
}
setDescribedByIds(ids: string[]) {
this.describedBy = ids.join(" ");
}
onContainerClick(event: MouseEvent) {
if ((event.target as Element).tagName.toLowerCase() != "input") {
this._elementRef.nativeElement.querySelector("input")!.focus();
}
}
writeValue(value: any[] | null): void {
this._value = value;
}
registerOnChange(fn: any): void {
this.onChange = fn;
}
registerOnTouched(fn: any): void {
this.onTouched = fn;
}
setDisabledState(isDisabled: boolean): void {
this.disabled = isDisabled;
}
Oui. Vous pouvez utiliser le filtre de sélection de tapis à partir d'un matériau angulaire
l'autocomplete? matériau.angular.io/components/autocomplètes/examples
L'autocomplete est utilisé avec l'élément option Mat-option sous forme de liste. J'ai une option de sélection multiple d'élément de sélection de tapis. Puis-je utiliser le filtre avec standard?
Je ne sais pas sur le matériel angulaire, mais il y en a un à Primeng, c'est une très bonne composante d'interface utilisateur générale pour angulaire
MAT Sélectionnez Rechercher Github.com/bithost-gmbh/ngx-mat-Select-Search pourrait être une option?