반응형
AngularJS: 특정 값이 없는 옵션을 필터링합니다.
다음과 같은 선택을 필터링합니다.
<select ng-model="test" ng-options="c as c.label group by c.type for c in columns
| filter:{c.type:'!field'} | filter:{c.type:'!map'}"></select>
편집 : 컬럼 모델 추가:
Columns = [
{
name: "name",
label: "Label",
info: "Information displayed in help",
type: "type",
view: "html template",
style: "min-width: 10em;",
show: true
},
{
...
}
];
열은 여러 가지 용도로 사용되며 코드를 최적화하려면 Select에도 있어야 하지만 유형이 'field' 또는 'map'인 항목이 없습니다.
다만, 「필드」와 「지도」의 입력도, 모든 것 중에서 선택할 수 있습니다.그것을 할 수 있는 깔끔한 방법이 있을까요?
AngularJS 필터 없음
<select ng-model="test" ng-options="c as c.label group by c.type for c in columns
| filter:{ type : '!field' }
| filter:{ type : '!map' }">
</select>
문서에서:
"...문자열 앞에 !를 붙이면 술어를 무효화할 수 있습니다.
패턴 오브젝트는 배열에 포함된 오브젝트의 특정 속성을 필터링하기 위해 사용할 수 있습니다.예를 들어 {name:"M"} 술어는 "M"이 포함된 속성 이름과 "1"이 포함된 속성 전화기의 배열을 반환합니다...
언급URL : https://stackoverflow.com/questions/20189406/angularjs-filter-ng-options-not-having-specific-values
반응형
'programing' 카테고리의 다른 글
Bootstrap-UI 자동 검색 결과 목록에 둘 이상의 속성을 표시하시겠습니까? (0) | 2023.03.17 |
---|---|
로컬 패키지json은 있지만 node_module이 없습니다. (0) | 2023.03.17 |
CSV로 변환할 수 있도록 개체를 어레이에 매핑하려면 어떻게 해야 합니까? (0) | 2023.03.17 |
Amazon S3 버킷에서 Content-Disposition 헤더를 기본값으로 설정하는 방법 (0) | 2023.03.17 |
jeast.config.js와 create-react-app을 사용하는 방법 (0) | 2023.03.17 |