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 · Answer 1 · 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

Chybie

3,646
1
17
15

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

4

You should use === with toLowercase()

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

answered Jan 24 '18 at 16:09

Sajeetharan

203,447
57
330
376

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')

Angular 2/4 String Comparison with Ignore Case

3 Answers3