Angular 2/4 String Comparison with Ignore Case

Question

I'm comparing a number of fields in an Angular 2 template and it works for same case properties but returns false for the same string on different cases. Is there a way to make it case insensitive perhaps through a simple pipe?

<div *ngIf="query?.firstName == address.foreName"></div>

Possible duplicate of [JavaScript case insensitive string comparison](https://stackoverflow.com/questions/2140627/javascript-case-insensitive-string-comparison) — Supamiu, Jan 24 '18 at 16:14

score 6 · Accepted Answer · answered Jan 24 '18 at 16:09

6

You should use === with toLowercase()

<div *ngIf="query?.firstName.toLowerCase() === address.foreName.toLowerCase()"></div>

answered Jan 24 '18 at 16:09

Sajeetharan

216,225
63
350
396

score 6 · Answer 2 · answered Jan 24 '18 at 16:14

6

Use Angular pipe.

<div *ngIf="(query?.firstName | lowercase) === (address.foreName | lowercase)"></div>

answered Jan 24 '18 at 16:14

Jecfish

4,026
1
18
16

score 1 · Answer 3 · answered Jun 01 '20 at 08:29

If you are doing lot of string operations in your application, I suggest using a third party library like this one -

How to install

npm install --save string

Import

var S = require('string');

Ignorecase Compare String

var isEqual = S('ignoreCase').equalsIgnoreCase('IGNORECASE')

score 0 · Answer 4 · answered Jul 16 '22 at 07:20

Convert Both string into lowercase and then compare. Find the below code.

 comapre(){
    let str1 = "Welcome to Xyx World";
    let str2 = "world";
    if(str1.toLowerCase().includes(str2.toLowerCase())){
      console.log("Found");
    }else{
      console.log("Not Found");
    }
  }

Angular 2/4 String Comparison with Ignore Case

4 Answers4