ng-if is not working as expected.

[Swati44]

Hi All,

<td ng-if="item.response_code == '300'"> <button id="btnIncident" name="submit" ng-click="c.remove(item.name)" type="submit">Remove</button></td>
</tr>

The above line is not working as expected, Remove button is not visible all time, irrespective of response code.And it is visible and working as expected if i remove 'ng-if="item.response_code == '300'"'.

How to compare the item.response_code value?

Thanks & Regards,

Swathi.

[ChrisBurks · Accepted solution]

I forget sometimes how javascript works. This should do the trick:

item.response_code === '300'

Depending upon the situation javascript interprets '300' and 300 as being equal or the same. Whereas if you use the equality where it checks the type as well then it will prove to be actually an integer vs a string version of 300.

But to answer your other question how to compare without ng-if:

Simply place the expression in the markup:

<div> {{ item.response_code === '300' }} </div> 

That syntax is what is doing the comparison. ngIf is just looking for a result.

[VigneshMC]

Try

<td ng-if="item.response_code == 300">

Thanks

[Swati44]

Hi Vignesh,

I tried it, no luck

[Harsh Vardhan]

are you getting item.response_code from the server?

<td ng-if="{{item.response_code}}== 300"> <button id="btnIncident" name="submit" ng-click="c.remove(item.name)" type="submit">Remove</button></td>
</tr>

[Swati44]

Yes Harshvardan.