AngularJS - exclude array key in ng-repeat

Question

I have the following array: I get the key's and generate select inputs based on the keys and the options are the values. So in the end I have four select / dropdowns and each with two values.

{
  sku: "401150201025",
  test1: "2,0x1,0",
  test12: "2,5",
  test13: "15,0"
},
{
  sku: "401060120714",
  test1: "1,2x0,7",
  test12: "1,4",
  test13: "6,0"
}

How can I filter the "sku" key, so that no "sku" select apprears.

  <fieldset class="form-group" ng-repeat="(filterName, values) in availableFilters">
    <label class="pull-left"><% filterName %></label>
    <select class="form-control configurator-radio form-control-lg" ng-model="filter[filterName]">
        <option value="!" selected>Alle</option>
        <option value="<% value %>" ng-repeat="value in values"><% value %></option>
    </select>
  </fieldset>

This is how I generate the dropdowns.

Abhishek Sarkar · Accepted Answer · 2015-09-22 10:06:02Z

1

Assuming filterName will be 'sku' at one of the iterations inside ng-repeat you can use ng-if to not display it. It won't be added to the DOM at all.

<select ng-if="filterName != 'sku'" class="form-control configurator-radio form-control-lg" ng-model="filter[filterName]">

edited Sep 22, 2015 at 10:06

answered Sep 22, 2015 at 10:01

Abhishek Sarkar

4981 gold badge4 silver badges12 bronze badges

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

Comments

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

1

Use ng-show or ng-hide

This lets you show something based on a value.

ng-show="value.sku == 'some_sku_value'"

You can also use ng-hide for pretty much the same thing.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Sep 22, 2015 at 9:56

Joe Lloyd

22.8k7 gold badges59 silver badges86 bronze badges

Collectives™ on Stack Overflow

AngularJS - exclude array key in ng-repeat

2 Answers 2

Comments

Use ng-show or ng-hide

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Use ng-show or ng-hide

Comments

Your Answer

Sign up or log in

Post as a guest

Related