AngularJs + bootstrap이 드롭다운 선택 상자를 구현하는 방법에 대한 자세한 설명

이 글은 주로 AngularJs + bootstrap에서 드롭다운 선택 상자를 구현하는 방법을 자세히 설명하고 있으며 주로 코드 형식으로 공유되어 도움이 되길 바랍니다.

환경: bootstrap-select.js, bootstrap-select.css

방법 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>

여기서 partInfoList는 List 객체입니다.

방법 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>

여기서 allDept는 Map 객체이고 키는 ID, 값은 값입니다

효과:

관련 권장 사항:

vue.js는 라디오 버튼, 체크 상자 및 드롭다운 상자를 구현합니다.

js는 왼쪽 및 오른쪽 선택 상자를 구현합니다.

Node.js는 드롭다운 상자 지원을 구현합니다. 추가 및 삭제 방법

위 내용은 AngularJs + bootstrap이 드롭다운 선택 상자를 구현하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!