AngularJS: Filter ng-options not having specific values

Question

I want to filter on a select like so :

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

EDIT : Adding the column model :

Columns = [
{
    name: "name",
    label: "Label",
    info: "Information displayed in help",
    type: "type",
    view: "html template",
    style: "min-width: 10em;",
    show: true
},
{
 ...
}
];

Columns is used for several things and to optimize my code I need it to be also in a Select, but without the entries whose type are 'field' nor 'map'

Yet, I get to choose from everything, even the entries which types are 'field' and 'map'. Is there a clean way to do it ?

please post your model columns

Maxim Shoustin
– Maxim Shoustin

2013-11-25 10:27:52 +00:00
Commented Nov 25, 2013 at 10:27 — Maxim Shoustin
– Maxim Shoustin, Commented Nov 25, 2013 at 10:27

Community · Accepted Answer · 2020-06-20 09:12:55Z

70

AngularJS NOT Filter

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

Fiddle

From the docs:

"...The predicate can be negated by prefixing the string with !."

"A pattern object can be used to filter specific properties on objects contained by array. For example {name:"M", phone:"1"} predicate will return an array of items which have property name containing "M" and property phone containing "1"..."

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Nov 25, 2013 at 10:41

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Roshan Khandelwal Over a year ago

Thanks this helped . Specifically the part about using the filter variable "type" as is . rather than c.type .

Collectives™ on Stack Overflow

AngularJS: Filter ng-options not having specific values

1 Answer 1

AngularJS NOT Filter

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

AngularJS NOT Filter

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related