angular 2 hide if not in array

Question

I have the following code to create a list of radio buttons.

<ul class="bankUl">
        <li *ngFor="let optie of vraag.opties; let i = index" class="{{i}}">
            <label class="image-radio">
                <input type="radio" name="fb" value="{{i}}" [(ngModel)]="_quizService.tmpBank" />
                <img [attr.src]="settings.imagePath + '/banken/' + optie.image" alt="{{optie.name}}">
            </label>
        </li>
    </ul>

Now in my component I have an array like so

var arr = [1,2,3,4]

Now I want to make it so that every li class that is in the array gets hidden. but I dont know where to start. Anyone has an idea?

what you want to hide which element

rashfmnb
– rashfmnb

2016-08-17 14:31:43 +00:00
Commented Aug 17, 2016 at 14:31 — rashfmnb
– rashfmnb, Commented Aug 17, 2016 at 14:31

mic4ael · Accepted Answer · 2016-08-17 14:39:31Z

2

You can use ng-class attribute

ng-class="{'class-name': ([1, 2, 3, 4].indexOf(i) > -1)}"

answered Aug 17, 2016 at 14:39

mic4ael

8,4304 gold badges32 silver badges44 bronze badges

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

Comments

Taras Kovalenko · Accepted Answer · 2016-08-17 14:40:00Z

1

<li *ngIf="arr && arr.length>0">

ngIf directive

answered Aug 17, 2016 at 14:40

Taras Kovalenko

2,3933 gold badges27 silver badges51 bronze badges

Comments

Leandro Bardelli · Accepted Answer · 2022-07-20 21:42:17Z

0

If you don't want to destroy the object, just hide, and you are using Angular 2+, then:

[hidden]="!arr|| arr.length==0"

answered Jul 20, 2022 at 21:42

Leandro Bardelli

11.7k16 gold badges88 silver badges130 bronze badges

Collectives™ on Stack Overflow

angular 2 hide if not in array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related