0
votes

Comment afficher la case à cocher sélectionnée compter dans Angular2-Multiselect?

Je veux imprimer que "5 éléments sélectionnés" sur la liste déroulante multiselect. Ici, je joins une image de liste déroulante multiselect. J'ai utilisé le package NPM de dropdown-multisélectionnect angular2-multisElect.

https: //i.stack. imgur.com/zqo4e.png

Voici mon code HTML: xxx

Voici mes paramètres de configuration. < Pré> xxx

angular checkbox multi-select

11 commentaires

Où montrer cette étiquette? dans la liste déroulante ou à l'extérieur?

dans la liste déroulante

Son ressemble à son ici -> Sélectionnez avec le texte de déclenchement personnalisé mais pas dans cette bibliothèque

Vous pouvez créer un problème sur GitHub avec toutes les informations nécessaires, espérons qu'ils vous aideront autrement pour que je puisse élever un PR, il faudra 4-6 jours.

ok bon.can vous suggérez une autre bibliothèque qui fournit cette fonctionnalité?

pourquoi pas des matériaux angulaires mat-choisi ??

ng-sélection est aussi là-bas mais pas sûr de cette fonctionnalité..juste le vérifier

Le matériau angulaire offre cette fonctionnalité? Pouvez-vous partager un exemple comme celui-ci?

Vérifiez cette démo: Stackblitz.com/edit/angular-lavhcl

Oui ça marche.Merci beaucoup!

Heureux ça marche! ...

3 Réponses :

0
votes

Essayez de passer en dessous de xxx

angular.json xxx

5 commentaires

Oui, j'ai pris une matrice statique dans mon fichier TS. Je reçois une valeur de cocher sélectionnée. Mais puis-je afficher au bout de la section HTML?

mettre le CSS sur angular.jode "nœud_modules / angular2-multiselect-dépose / thèmes / par défaut.t heme.css",

Publiez votre fichier angular.json et partagez également la version plug-ins Angular2-Multiselect-Dropdown.

"Styles": ["Node_Modules / Angular2-Multiselect-Dropdown / Thèmes / Default.T Heme.css", "SRC / styles.css"],

Version de paquet: 4.6.3

0
votes

Essayez comme ça. ça fonctionne Component.html xxx

Nombre d'élément sélectionné: {{SELECTIONNTEMS.LENGTRE}}

composant.ts xxx

Stackblitz url: [<< href = "https://stackblitz.com/edit/angular2-multiselect-dropdown% 5D% 5B1% 5D "rel =" nOfollow noreferrer "> https://stackblitz.com/edit/angular2-multiselect-dropdown] [1]

1 commentaires

hey.Manks pour votre temps.Je veux un nombre de comptes comme '3 éléments sélectionnés' non cochés sur la liste déroulante.

0
votes

selectAllText: string = 'Select All'  //we can add here count 

onItemSelect(item:any){
   console.log(item);
   console.log(this.selectedItems);
   this.dropdownSettings.selectAllText = 'Select All' + this.selectedItems.length
}
the count will be appended with Select All text.

1 commentaires

Utilisation de ce code a obtenu un résultat similaire. 3. Je veux 3 éléments sélectionnés dans la liste déroulante