Maison > Article > interface Web > Explication détaillée de la façon dont AngularJs + bootstrap implémente la boîte de sélection déroulante
Cet article explique principalement en détail comment implémenter la boîte de sélection déroulante dans AngularJs + bootstrap. Il est principalement partagé avec vous sous forme de code.
Environnement : bootstrap-select.js, bootstrap-select.css
Méthode 1
<select name="departInfo" ng-model="searchArgQry.departInfoSet" class="form-control" multiple size="1" bootstrap-select="{'liveSearch': true}"> <c:forEach items="${departInfoList}" var="departInfo"> <option value="${departInfo.id}">${departInfo.deptName}</option> </c:forEach> </select>
où partInfoList est une liste Objet
Méthode 2
<select class="form-control" name="deptId" ng-model="searchArg.deptId" multiple ng-options="k as v for (k, v) in allDept" size="1" bootstrap-select="{'liveSearch': true}"></select>
où allDept est l'objet Map, key est l'ID et value est la valeur
Effet :
Recommandations associées :
implémentation dans vue.js de boutons radio, de cases à cocher et de listes déroulantes
implémentation js Zones de sélection gauche et droite
implémentation js de la prise en charge des listes déroulantes pour l'ajout et la suppression
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!