Ausführliche Erklärung, wie AngularJs + Bootstrap das Dropdown-Auswahlfeld implementiert

In diesem Artikel wird hauptsächlich ausführlich erläutert, wie das Dropdown-Auswahlfeld in AngularJs + Bootstrap implementiert wird. Ich hoffe, es kann Ihnen helfen.

Umgebung: bootstrap-select.js, bootstrap-select.css

Methode 1

<select name="departInfo" ng-model="searchArgQry.departInfoSet" 
 class="form-control" multiple size="1" bootstrap-select="{&#39;liveSearch&#39;: true}">
        <c:forEach items="${departInfoList}" var="departInfo">
            <option value="${departInfo.id}">${departInfo.deptName}</option>
         </c:forEach>
 </select>

wobei partInfoList eine Liste ist Objekt

Methode 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="{&#39;liveSearch&#39;: true}"></select>

wobei allDept das Kartenobjekt ist, Schlüssel die ID und Wert der Wert ist

Effekt:

Verwandte Empfehlungen:

vue.js Implementierung von Optionsfeldern, Kontrollkästchen und Dropdown-Boxen

js-Implementierung der linken und rechten Auswahlfelder

js-Implementierung der Dropdown-Box-Unterstützung zum Hinzufügen und Löschen

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie AngularJs + Bootstrap das Dropdown-Auswahlfeld implementiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!