AngularJS ng-if不起作用

Question

在控制器中，我有这个

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

在HTML中，reportList是一个类似于此{packageType=1, salary=12900 }的JSON。 ReportList不是数组{{ reportList.packageTypeId }} return 1

问题在于ng-if div

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

<a> display package 1 </a>

当我尝试这个时，它仍然不起作用

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

 <a> display package 1 </a>

有什么想法吗？

Answer 1

您需要在初始页面加载时定义reportList.packageType，以便它在您的控制器和视图之间进行链接：

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

这样，您只有一个版本在控制器和视图之间共享。您现在的方式创建了两个不同的版本。