角度ng重复对象长度

时间:2016-08-01 15:33:48

标签: angularjs variables

这是我的目标

enter image description here

我尝试显示此阵列中的图像数量,但我无法理解为什么这不起作用,它让我发疯!

  <ion-item ng-click="openModal(value.$id)" ng-repeat="value in items | orderBy: '-$id' track by $index "
               class="item item-avatar" style="text-align:left">

                   <img ng-if="value['image'].image" ng-src="data:image/jpeg;base64,{{value['image'].image}}">
                   <img ng-if="!value['image'].image" ng-src="img/shelter.png">
                   <h2>{{value.nom}} </h2>
                   <p>{{value.adresse}}</p>
                   <p>{{items[0].images.length  }} Photographie(s)</p>
          </ion-item>

如何才能显示此“图片”对象的长度?缺少什么?

编辑:我{"-KO5d2zxMY9wZd9Vp64s":true} Photographie(s)时显示<p>{{value.images }} Photographie(s)</p>

2 个答案:

答案 0 :(得分:1)

为什么不使用

$scope.images_length = Object.keys(items[0].images).length;

function MyCtrl($scope) {
  $scope.items = {};
  $scope.items = [{"images": {"item1": "1", "item2": "2"}}];
  $scope.images_length = Object.keys($scope.items[0].images).length
}

然后在你看来:

<div ng-app="">
  <div ng-controller="MyCtrl">
      {{images_length}}
  </div>
</div>

小提琴: http://fiddle.jshell.net/htt3x5Lc/

答案 1 :(得分:0)

好的,所以我想出来了!
我在app.js中创建了另一个过滤器

.filter('keylength', function(){
     return function(input){
     if(!angular.isObject(input)){
          return '0';
      }
     return Object.keys(input).length;
  }
})

在我看来:

<p>{{ value.images | keylength }} Photographie(s)</p>

它非常完美:)非常感谢你的帮助!