arrays - 仅当数组有两个或多个项目时，如何使用 angularjs ng-show 显示元素？

Question

我有一个可能为空的项目数组，有一个项目或两个以上项目。 现在，如果我想显示元素，我使用简单的 ng-show 事件。

<div ng-show="scopeName">
...
</div>

因此，如果 pageSlides 有项目，则 div 将被打印，否则不会。

现在我想编辑这个显示当该项目有 2 个或更多项目时打印的 div。

我正在尝试这个，但它不起作用:

<div ng-show="pageSlides.length > 1"> (or any number)
...
</div>

我很乐意在这方面提供一些帮助。

谢谢!

已更新，这是我的代码:

myApp
  .controller(
    'controllerName', 
    [
      '$rootScope',
       '$scope', 
       '$routeParams',
       'Api', 
       function($rootScope, $scope, $routeParams, Api) {

      var pageSlug = $routeParams['pageSlug']; 

      $scope.init = function() {

          $scope.singlePage = [];
          $scope.pageSlides = [];
          Api.get(
              'site/' + $rootScope.config.api.propertyId + '/page/' + pageSlug                  
          ).then(                        
              function(data) { 
                    $scope.singlePage = data.page;
                    $scope.pageSlides = $scope.singlePage['media'];
              }
          );

      }

      $scope.init();  

}])

Answer 1

试试这个代码，它应该可以工作:

<div ng-controller="MyCtrl">
    <div ng-show="array.length > 2">I'm visible</div>
    <div ng-show="array.length > 3">I'm not visible</div>
</div>

function MyCtrl($scope) {
    $scope.array = [
        {id: 1},
        {id: 2},
        {id: 3}
    ];
}

这是JSFiddle带有工作示例。

我想指出，您问题的代码有一个错误:scopeName.lenght> 1

我认为，这样会更好:scopeName.length> 1 :)