Question

我是Angular的新手，所以我不知道怎么做，我想要的是计算过滤数组的所有结果，但问题是我要过滤的数据是二级数组，我在Stack Overflow上看到了一些东西，但它们似乎都没有用。基本上我有这个：

app.controller('mainController', function ($scope, $http, $location, $filter) {

    var externalOrigin1 = [];
    var externalOrigin2 = [];
    var externalOrigin3 = [];
    var externalOrigin4 = [];

    $http.get('app/data.json').then(function (datos) {
        externalOrigin1 = datos.data;
        externalOrigin2 = datos.data;//This will later be different on each case, but array will have same structure
        externalOrigin3 = datos.data;
        externalOrigin4 = datos.data;

        //Estructura de representación de datos

        $scope.Headers = [
       {
           'headerTitle': 'Morning Taskforce',
           'headerLinkCode': 'TFC',
           'headerData': externalOrigin1
       },
       {
           'headerTitle': 'Op Taskforce',
           'headerLinkCode': 'opr',
           'headerData': externalOrigin2
       },
       {
           'headerTitle': 'SAM Taskforce',
           'headerLinkCode': 'sbgr',
           'headerData': externalOrigin3
       },
       {
           'headerTitle': 'Undefined Section Taskforce',
           'headerLinkCode': 'ufts',
           'headerData': externalOrigin4
       }
        ];

        //Count all rows where ActionTaken is 'PENDING' on it, but this won't work

        $scope.pendingCount = $filter('pendingFilter')($scope.Headers.headerData, { autr: 'PENDING' }).length;
    });
});

data.Json数据有这个结构

[
  {
    "_id": "569fd9c251f51d316e12efbe",
    "actionTaken": "PENDING",
    "actionTakenCode": "P",
    "autr": false,
    "action": "CANCELAR",
    "actionAvailCode": "A",
    "tp": "male",
    "cta": 45.558392,
    "doc": 25.395304,
    "offset": 68305.2342,
    "client": "George Oneil",
    "terminal": 9215.6905
  },
  {
    "_id": "569fd9c27e048c82ce0564a4",
    "actionTaken": "CANCELED",
    "actionTakenCode": "C",
    "autr": false,
    "action": "AUTORIZAR",
    "actionAvailCode": "A",
    "tp": "male",
    "cta": 87.114735,
    "doc": -142.965417,
    "offset": 827448.2097,
    "client": "Fischer Ballard",
    "terminal": 2654.5002
  }
]

在我看来，我有这个：

 <ul data-role="listview" ng-repeat="header in Headers">
                <li data-role="list-divider" data-theme="a"><h2>{{header.headerTitle}}</h2></li>
                <li>
                    <table data-role="table" class="ui-grid-b ui-responsive table-stroke">
                        <thead>
                            <tr>
                                <th>
                                    ACT TAKEN
                                </th>
                                <th>
                                    OWNER
                                </th>
                                <th>
                                    TP
                                </th>
                                <th>
                                    CT
                                </th>
                                <th>
                                    DOCEMER
                                </th>
                                <th>
                                    MF47
                                </th>
                                <th>
                                    CLIENT
                                </th>
                                <th>
                                    BUREUS
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="dato in header.headerData | orderBy: '-monto'">
                                <td>
                                    <span class="indicator action-{{dato.actionTakenCode}}">{{dato.actionTaken}}</span>
                                </td>
                                <td>
                                    {{dato.autr}}
                                </td>
                                <td>
                                    {{dato.tp}}
                                </td>
                                <td>
                                    {{dato.cta}}
                                </td>
                                <td>
                                    {{dato.doc}}
                                </td>
                                <td>
                                    <b>{{dato.offset}}</b>
                                </td>
                                <td>
                                    {{dato.cliente}}
                                </td>
                                <td>
                                    {{dato.terminal}}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </li>
            </ul>

到目前为止，这确实为每个标题创建了一个表，并为子级数组创建了数据行，但是我希望有一个额外的字段来计算所有表上的所有PENDING，我尝试使用pendingCount变量，但是赢了不行。

<div id="overview">PENDING OPERATORS = {{pendingCount}} </div>

Answer 1

您需要将pendingCount定义为$ scope中的变量。另一种方法是在$ scope中定义一个名为getPendingCount的函数，并在该函数中进行数学运算。如果我没有清楚地理解上下文，请告诉我，我会尽力帮助解决这个问题。

另请查看$ filter的文档，因为第二个参数必须是数组。

https://docs.angularjs.org/api/ng/filter/filter

迭代Headers数组并为每个数组调用过滤器并总结数量。

另一种方法是只使用2语句并计算符合条件的记录。

次级数组上的角度计数项

1 个答案: