ng-repeat 显示 json 对象 Angular JS

Question

我有一个通过一项服务从 json 文件中获取的项目列表。 在列表的末尾，一个按钮可以让您将每个项目添加到包含您单击/添加的元素的列表中。 只有在不超过可用商品数量的情况下才能添加相同商品。

我做了一个代码，基本上每次添加项目时都会创建一个对象，问题是对象构建不是很容易迭代（I have made another question regarding this problem..）。 当我在视图上渲染时，它看起来像是一种对象字符串化

下面是部分代码：

观点：

<div ng-repeat="session in sessiones">
   Date:  {{session.date | dateformated }} &nbsp
  Availability: {{session.availability}} &nbsp
  <a ng-click="addItem($index, event, session);" ng-show="addMore"> [Add to cart] </a>

<div ng-repeat="(key, value) in cartItems">
    <h1> {{value.sessions}})</h1>
   </div> 

控制器中的功能：

$scope.addItem = function(index, event, session) {
  if (session.availability>0){
       $scope.cartItems = $scope.cartItems || {};
       $scope.cartItems[event.id] = $scope.cartItems[event.id] || {title:event.title, sessions:{}}
       $scope.cartItems[event.id].sessions[session.date] =          $scope.cartItems[event.id].sessions[session.date] || {num:0}
       $scope.cartItems[event.id].sessions[session.date].num++;
        session.availability-=1;
        console.log($scope.cartItems);
    }
}

Here's my try on fiddle

重要更新--->这是一个很好地说明我想要做的例子：只是一样，但当一个元素已经在列表中时，我必须计算它的次数，而不是重复元素已添加

Simple cart list

Answer 1

我修好了。 Fiddle

• 我没有看到 ADD+ 链接，所以我一直玩到它出现为止。
• 我怀疑索引有问题，但没关系。
• 我注意到 $scope 在 javascript 中的颜色不同，然后注意到您将 addItem 分配给了不是您的控制器的东西。

所以最后我只是把它移到了底部，把 addItem 括起来：

});