angularjs - AngularJS ng-if 不起作用

Question

在控制器中，我有这个

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

在 HTML 中，reportList 是这样的 JSON {packageType=1, salary=12900 }。 ReportList不是数组{{ reportList.packageTypeId }} return 1

问题在于ng-ifdiv

<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);
};

这样，您将只有一个在控制器和视图之间共享的版本。您现在的操作方式会创建两个单独的版本。