如何顯示元素只有當數組有兩個或多個項目與angularjs ng顯示？

Question

我有一個可能是空的項目數組，有一個項目的兩個+項目。 現在，如果我想顯示元素，我使用簡單的ng顯示事件。

<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.leng HT> 1

我認爲，這將是更好：scopeName.leng 日> 1 :)

Answer 2

請檢查該demo

<div ng-app="app"> 
    <div ng-controller="myController"> 
     <div ng-show="items.length">I am showing, items array is not empty</div><br /> 
     <div ng-show="items.length > 1">I am showing, items array has more than one record</div><br /> 
     </div> 
</div> 



var app = angular.module('app', []); 
app.controller('myController', function ($scope) { 
    $scope.items = ["Apple", "Orange"]; 
});