Show div based on a certain scenario's

Question

I am trying to only show a div if certain scenario's happen.

I get 2 parameters

typeOfCollection which can have 2 possible values called branch or courier
duplicate which can have 2 possible values called Y or N

HTML

<div *ngIf="typeOfCollection === '...' && duplicate" === '...'> </div>

I do not want to show the above div if typeOfCollection is branch and duplicate is N. For any other scenario, I want to show the div. Any idea how I can do it?

jezmck · Accepted Answer · 2021-09-13 11:26:24Z

1

I imagine this would do it:

<div *ngIf="!(typeOfCollection === 'branch' && duplicate" === 'N')">...</div>

answered Sep 13, 2021 at 11:26

jezmck

1,1394 gold badges19 silver badges41 bronze badges

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

Comments

Adrian Kokot · Accepted Answer · 2021-09-13 11:36:08Z

0

Have you tried?

<div *ngIf="typeOfCollection !== 'branch' || duplicate !== 'N'"> </div>

edited Sep 13, 2021 at 11:36

answered Sep 13, 2021 at 11:27

Adrian Kokot

3,6152 gold badges15 silver badges25 bronze badges

2 Comments

RRB Over a year ago

yes, that wouldn't work as we need to exclude a scenario, so || will fail in that situation as it checks for on or the other. @jezmck has the solution

Adrian Kokot Over a year ago

That would work too, according to De Morgan's laws !(a && b) is the same as !a || !b, what I wrote.

Collectives™ on Stack Overflow

Show div based on a certain scenario's

2 Answers 2

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Related