javascript - AngularJS 为循环项赋值

Question

我刚刚学完 AngularJS 类(class)，但我还是个新手。这是我第一次尝试从头开始编写应用程序。我正在尝试构建一个应用程序来跟踪最近在许多杂货店进行的垄断游戏中的游戏片段。到目前为止，我已经能够循环每个字母，并在该循环内有一个循环显示分配给该字母的所有游戏 block 。每个字母都有自己的表格，其中包含分配给该字母的所有游戏棋子。从这里开始，我希望能够让用户在每个游戏 block 旁边加上或 - 一个值，以跟踪他们拥有该 block 的数量。这可能吗？我已经在循环中放入了一个循环，但我不太确定如何在相应的部分旁边循环每个部分的计数。我知道这不是计数游戏片段的正确语法，但我已经进行了大量的谷歌搜索和研究，但没有找到任何文章或教程来帮助我完成我想做的事情。

这是我的 Controller 中的 js 代码:

'use strict';

angular.module('monopolyApp')
  .controller('MainCtrl', function ($scope) {
    $scope.pieces = [
      {
        letter:  'A',
        prize: '$100,000 Cash or Luxury Car',
        numbers: ['A500A','A501B','A502C','A503D','A504E'],
        count: [0,0,0,0,0]
      },
      {
        letter: 'B',
        prize: '$50,000 Home Makeover',
        numbers: ['B505A','B506B','B507C','B508D','B509E'],
        count: [0,0,0,0,0]
      }
    ];
  });

这是我看来的 html，但它是用 jade 编写的。

.container
  .col-xs-4(ng-repeat='piece in pieces')  
    table
      tr
        th Piece: {{ piece.letter }} |  Prize: {{ piece.prize }}
      tr(ng-repeat='number in piece.numbers')
        td {{ number }}
        td {{ count }}

到目前为止，我只添加了 A 和 B 中的游戏片段，以防万一无法做我想做的事情，我不想浪费任何不必要的时间。关于如何在每件旁边包含可调整值以使用户跟踪他们拥有每件的数量，有什么想法吗？

谢谢。

Answer 1

真的很难理解你要完成什么。

Any idea on how to include adjustable values beside each piece to let the user keep track of how many of each piece they have

是指一 block 数字的个数吗？

然后您可以在模板中使用{{piece.numbers.length}}。

或者您的意思是输出每件的数量？

此值的项目数计数:[0,0,0,0,0]？然后你可以在模板中这样做:

tr(ng-repeat='number in piece.numbers')
        td {{ number }}
        td {{ piece.count[$index] }}

$index 是 current item in ngRepeat loop 的内部可用值。因此，您可以使用它来访问 piece.count 数组的相应值。