如何将数组转换为angularjs中的表

时间:2015-02-08 12:44:03

标签: html angularjs

在我的大学时代,没有学好阵列。所以我在这里不熟悉数组以及如何操纵它们。我有数据,我想将它们放在表中,如下所示:

                  **APRIL 2015**
    DAYS   |  1  |  2  |  3 |  4  |  5  |
   marie   |  3  |  0  |  0 |  0  |  1  |
    anna   |  0  |  2  |  0 |  0  |  0  |
   letty   |  1  |  0  |  1 |  0  |  1  |
    shie   |  0  |  0  |  0 |  0  |  0  |
     sua   |  0  |  1  |  0 |  1  |  0  |  

    TOTAL  |  4  |  3  |  1 |  1  |  2  |  

数据由代理组成。我想创建一个表格,显示当天有多少来电者。例如,在4月1日,marie有3个呼叫者,而letty只有1个,其他人没有,所以它应该显示0.然后在下面显示每天的总呼叫数,如上表所示。我在想我现在应该开始的流程或流程是什么,因为我不熟悉数组。我希望有人可以告诉我该怎么做,我会用它作为我的参考,所以下次我知道如何单独做。先感谢您。



var app = angular.module("myApp", []);
  
  $scope.agents = [ {
      id:1,
      name: 'marie',
      date: 2015-01-04,
    }, {
      id:2,
      name: 'anna',
      date: 2015-02-04
    }, {
      id:3,
      name: 'marie',
      date: 2015-01-04
    }, {
      id:4,
      name: 'letty',
      date: 2015-01-04
    }, {
      id:5,
      name: 'anna',
      date: 2015-02-04
    }, {
      id:6,
      name: 'shie',
      date: 2015-06-04
    }, {
      id:7,
      name: 'sua',
      date: 2015-02-04
    }, {
      id:8,
      name: 'letty',
      date: 2015-03-04
    }, {
      id:9,
      name: 'marie',
      date: 2015-05-04
    }, {
      id:10,
      name: 'letty',
      date: 2015-05-04
    }, {
      id:11,
      name: 'sua',
      date: 2015-04-04
    },
  ];
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myApp" ng-controller="check">
  <table border="1" width="100%">
    <colgroup span="7"></colgroup>
    <tbody>
      <tr ng-repeat="item in rows">
        <td ng-repeat="value in item">
          {{ value }}
        </td>
      </tr>
    </tbody>
  </table>
  </body>

{{agents}}
&#13;
&#13;
&#13;

0 个答案:

没有答案