Angular ng if array[0] = 'Value' don't work

Question

I would like that my icon would only be visible if my array[0] = 'Value' :

HTML

<ion-icon *ngIf="allFamily[0] = 'Value'" class="checkas" name="checkmark"></ion-icon>

TS

allFamily = [
    {0: 'Value'}
]

But this isn't working, it shows ion-icon all the time. Note that 0: 'Value' I am adding after ion-icon shows up.

score 2 · Accepted Answer · answered Oct 04 '18 at 11:22

2

You should use == for comparison not =

<ion-icon *ngIf="allFamily[0] == 'Value'" class="checkas" name="checkmark"></ion-icon>

answered Oct 04 '18 at 11:22

Anshuman Jaiswal

so which one is trully == or === ? because I've got two different answers. – Angulandy2 Oct 04 '18 at 11:23
`===` is type secured while comparison – Anshuman Jaiswal Oct 04 '18 at 11:23
@Angulandy2 This might help explain the difference between `==` and `===`: https://stackoverflow.com/questions/359494/which-equals-operator-vs-should-be-used-in-javascript-comparisons. – Kirk Larkin Oct 04 '18 at 11:25
Both works, but it's a good habit to use `===` whenever possible, because that's what you usually want and it gives you additional security. – ShamPooSham Oct 04 '18 at 11:55

score 1 · Answer 2 · answered Oct 04 '18 at 11:21

1

You need === to check equality = is for assignment,

<ion-icon *ngIf="allFamily[0] ==='Value'" class="checkas" name="checkmark"></ion-icon>

answered Oct 04 '18 at 11:21

Sajeetharan

2 Answers2