AngularJS ng-if does not work

Question

In the controller, I have this

var onComplete = function(response)
{
        $scope.reportList = response.data;      
        $log.info($scope.reportList);                       
};

In the HTML, reportList is a JSON like this {packageType=1, salary=12900 }. ReportList is not an array {{ reportList.packageTypeId }} return 1

The issue is with ng-if div

<div class="exceptionProcedure" ng-if=" reportList.packageType == 1"> 

<a> display package 1 </a>

when I tried this, it still does not work

<div class="exceptionProcedure" ng-if=" {{reportList.packageType}} == 1">

 <a> display package 1 </a>

Any ideas?

The later one i.e. ng-if=" {{reportList.packageType}} == 1" is anyways wrong? Can you please print the type of packageType value? Something like: console.log(typeof $scope.reportList.packageType); — Shashank Agrawal
– Shashank Agrawal, Commented Oct 12, 2015 at 4:52

Tyler · Accepted Answer · 2015-10-12 04:01:04Z

1

You need to define reportList.packageType on the initial page load so that it links between your controller and view:

$scope.reportList = {}
var onComplete = function(response) {
    $scope.reportList = response.data;
    $log.info($scope.reportList);
};

This way, you'll only have one version that is shared between controller and view. The way you're doing it now creates two separate versions.

answered Oct 12, 2015 at 4:01

Tyler

11.5k10 gold badges72 silver badges107 bronze badges

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

Collectives™ on Stack Overflow

AngularJS ng-if does not work

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related