반응형
AngularJS - ng옵션:그룹명, 라벨 순으로 주문하는 방법
예를 들어 다음과 같은 데이터 배열이 있다고 가정합니다.
var data = [{group:GroupA, label: BB}, {group:GroupB, label: DD}.....].
구속력은 다음과 같습니다.
<select data-ng-options="c as c.label group by c.group for c in data"></select>
드롭다운에 모든 항목을 나열하고 싶습니다.GroupA
전에GroupB
그룹별로 분류하는 것도 가능합니다.
다음과 같은 경우:
GroupA
AA
BB
CC
GroupB
DD
EE
FF
내가 그 일을 할 수 있는 건orderBy
각도 필터, 하지만 그게 내가 원하는 방식대로 작동하진 않아.원하는 방식으로 수동으로 목록을 정렬하는 커스텀 필터를 작성해야 할 것 같습니다만, 작업을 수행할 수 있는 더 쉬운 방법이 없을까 생각하고 있습니다.
orderBy
는, 복수의 파라메타의 배열을 사용해 순서를 지정할 수 있습니다.다음과 같은 작업을 수행할 수 있습니다.
c as c.label group by c.group for c in data | orderBy:['group','label']
인 것 같다orderBy
당신이 원하는 대로 작동할 겁니다.
표현식을 가지고 마지막에 orderBy를 추가합니다.
c as c.label group by c.group for c in data | orderBy:'label'
이것은 처음에 주문합니다.data
각 항목의 값에 따라 배열하다label
그리고 나서 그것들을 그룹화합니다.데이터가 올바르게 정렬되므로 각 그룹이 올바르게 정렬되어 표시됩니다.
초기 배열은 역순으로 정의되지만 선택 항목의 각 그룹에서 올바르게 정렬됩니다.
언급URL : https://stackoverflow.com/questions/17075689/angularjs-ngoptions-how-to-order-by-group-name-and-then-by-label
반응형
'programing' 카테고리의 다른 글
Swift 3에서의 JSON의 올바른 해석 (0) | 2023.03.22 |
---|---|
Sugary 키, Synthetic 키, 인공 키에는 차이가 있습니까? (0) | 2023.03.22 |
Python 3 JSON API 가져오기 및 구문 분석 (0) | 2023.03.22 |
keyclock 기본 로그인 페이지 및 프로젝트 로그인 페이지 사용 안 함 (0) | 2023.03.22 |
Google API for Python 사용 - client_secrets.json 파일은 어디서 얻을 수 있습니까? (0) | 2023.03.22 |