angularjs - ngShow 的问题

Question

我在使用 ngShow 时遇到以下问题。我从 $http.get 收到 JSON 响应并使用 ngRepeat 构造多个 DOM 元素。所有这些工作正常。从我的 Controller 只需应用:

    $http.get(requestUrl).success(function (data) {
        $scope.results = data.results;
    });

data.results 是一个像这样的对象:

{ 
   "someProp": ["item1", "item2", "item3"],
   "someProp1": ["item1", "item2", "item3"]
}

从我的模板中，我尝试像这样使用 ngShow:

<table ng-show="Object.keys(results).length > 0">

像这样:

<table ng-show="Object.keys($scope.results).length > 0">

没有运气。

<table ng-show="true">

和

<table ng-show="false">

工作正常。

看来问题出在表达式上。如果有任何帮助，我将非常感激。

Answer 1

它不会评估表达式内部的 Object.keys 函数，因为它实际上并不位于范围内。解决这个问题的一种方法是将对象分配给范围。

$scope.Object = Object;

在你的视野内

<div ng-show="Object.keys(results).length > 0">
    {{Object.keys(results).length}}
</div>