CODEWITHSUNDEEP
angularoperator-keywordcomparator
Anthony Brenelière
Anthony Brenelière

Reputation: 63550

Angular 2: what differences between comparison operators == and === in ngIf directive

I don't understand why these two operators exist. In case of boolean comparison both == and === seem to work, but in case of enum comparison only '==' works:

<div class="interventionGroup">

    <div class="interventionGroupHeader transition_1s" (click)="onClickHeader()">
        {{GroupName}}
        <div *ngIf="expanded == true" class="expand-icon"><i class="material-icons">expand_less</i></div>  <!-- WORKS -->
        <div *ngIf="expanded === false" class="expand-icon"><i class="material-icons expand-icon">expand_more</i></div> <!-- WORKS -->
    </div>

    <button *ngIf="GroupType == GroupTypeEnum.mesInterventions">dfdsfsd</button> <!-- WORKS -->

    <div style="list-style-type:none" *ngIf="expanded === true">
        <div *ngFor="let intervention of interventions"
            (click)="onClick(intervention)"> 
            <intervention-button [intervention]="intervention"></intervention-button>
        </div>
    </div>
</div>

Upvotes: 10

Views: 48974

Answers (1)

wilovent
wilovent

Reputation: 1364

In javascript, the operator '==' only check equality and '===' check type and equality

0 == '0' => true
0 === '0' => false

Upvotes: 34

Related Questions