compare string with ng-if angularjs

Question

When i try to compare the string with ng-if from angularjs, i m getting the errors in console.

Below are my data:

value for {{reports[0]}} is:

{"name":null,"discount":0,"margin":0,"reportType":"REPORT_TOP_SELLERS","revenue":0,"variantKey":null,"rank":1,"productKey":"10692-1_en_US","purchasedUnits":0,"abandonedUnits":0}

value for {{reports[0].reportType}} is:

REPORT_TOP_SELLERS

Below are the code which throws the Error:

<div ng-if="{{reports[0].reportType}} === 'REPORT_TOP_SELLERS'">

Error:
Error: [$parse:syntax] Syntax Error: Token '{' invalid key at column 2 of the expression [{{reports[0].reportType}} === 'REPORT_TOP_SELLERS'] starting at [{reports[0].reportType}} === 'REPORT_TOP_SELLERS'].

Please help.

first to answer that too right answer, still accepted copied answer — Rakesh Chand
– Rakesh Chand, Commented Sep 8, 2017 at 11:00

Chandru · Accepted Answer · 2017-09-08 05:13:03Z

16

change html code :

<div ng-if="reports[0].reportType == 'REPORT_TOP_SELLERS'">

answered Sep 8, 2017 at 5:13

Chandru

11.2k6 gold badges43 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nee Over a year ago

Can we use pattern inside ng-if? e.g. ng-if="report type has only alphabetical values" I tried <div *ngIf="itCovPointInfo['COV_GLOBALS']['rcw'] === '/[a-zA-Z0-9]/'"> but doesn't work.

Sajeetharan · Accepted Answer · 2017-09-08 05:17:33Z

4

Use without the expression, it should be,

if its angular

<div *ngIf="reports[0].reportType === 'REPORT_TOP_SELLERS'">

angularjs

<div ng-if="reports[0].reportType === 'REPORT_TOP_SELLERS'">

answered Sep 8, 2017 at 5:17

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Comments

jitendra varshney · Accepted Answer · 2017-09-08 05:13:13Z

3

do not use brackets just use it direct

<div ng-if="reports[0].reportType === 'REPORT_TOP_SELLERS'">

answered Sep 8, 2017 at 5:13

jitendra varshney

3,5622 gold badges26 silver badges32 bronze badges

Comments

Rakesh Chand · Accepted Answer · 2017-09-08 05:18:51Z

2

Don't use curly braces

ng-if is already in an angular context so you can just do this

<div ng-if="reports[0].reportType === 'REPORT_TOP_SELLERS'">

double curly braces: {{ }} -> are for interpolation

edited Sep 8, 2017 at 5:18

answered Sep 8, 2017 at 5:12

Rakesh Chand

3,1131 gold badge25 silver badges43 bronze badges

Comments

Tejas Jain · Accepted Answer · 2017-09-08 14:57:14Z

2

Don't use curly braces, To only check equality,it should be

<div ng-if="reports[0].reportType == 'REPORT_TOP_SELLERS'">

To check type and equality,it should be

 <div ng-if="reports[0].reportType === 'REPORT_TOP_SELLERS'">

answered Sep 8, 2017 at 14:57

Tejas Jain

1621 silver badge8 bronze badges

Comments

Hassan Imam · Accepted Answer · 2017-09-08 05:18:06Z

1

Get rid of {{}}. You don't need interpolation, just access the value directly like:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.reports = [{"name":null,"discount":0,"margin":0,"reportType":"REPORT_TOP_SELLERS","revenue":0,"variantKey":null,"rank":1,"productKey":"10692-1_en_US","purchasedUnits":0,"abandonedUnits":0}];
    
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-if="reports[0].reportType === 'REPORT_TOP_SELLERS'">
    Report Type is 'REPORT_TOP_SELLERS'
  </div>
</div>

answered Sep 8, 2017 at 5:18

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

Collectives™ on Stack Overflow

compare string with ng-if angularjs

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related