当前位置: 首页 > 面试题库 >

我可以使用Angular-Filter按多个字段分组吗?

宣望
2023-03-14
问题内容

我正在使用Angular-Filter的groupBy过滤器。

来自GitHub的示例

$scope.players = [
  {name: 'Gene', team: 'alpha'},
  {name: 'George', team: 'beta'},
  {name: 'Steve', team: 'gamma'},
  {name: 'Paula', team: 'beta'},
  {name: 'Scruath', team: 'gamma'}
];

<ul>
  <li ng-repeat="(key, value) in players | groupBy: 'team'">
    Group name: {{ key }}
    <ul>
      <li ng-repeat="player in value">
        player: {{ player.name }}
      </li>
    </ul>
  </li>
</ul>

因此,该示例按 team 对玩家集合进行 分组 。想象一下,每个玩家对象都有一个 年龄 属性:

$scope.players = [
  {name: 'Gene', team: 'alpha', age: 19},
  {name: 'George', team: 'beta', age: 19},
  {name: 'Steve', team: 'gamma', age: 23},
  {name: 'Paula', team: 'beta', age: 23},
  {name: 'Scruath', team: 'gamma', age: 23}
];

我想GROUP BY 团队年龄 。我怎样才能做到这一点?


问题答案:

遵循多个字段的示例

angular.module('app',['angular.filter'])

  .controller('MainController', function($scope) {

    $scope.players = [

      {name: 'Gene', team: 'alpha', age: 19},

      {name: 'George', team: 'beta', age: 19},

      {name: 'Steve', team: 'gamma', age: 23},

      {name: 'Paula', team: 'beta', age: 23},

      {name: 'Scruath', team: 'gamma', age: 23}

    ];

 });


<!DOCTYPE html>

<html ng-app="app">

<head>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>

  <script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.4.7/angular-filter.js"></script>



<meta name="description" content="[groupBy example]"/>

  <meta charset="utf-8">

  <title>JS Bin</title>

</head>

<body>

  <div ng-controller="MainController">



<ul ng-repeat="(key, value) in players | groupBy: '[team,age]'">

  <b>Group name: {{key}}</b>

  <br>

  <li ng-repeat="player in value">

    <b>player:</b> {{ player.name }}

    <br>

    <b>team:</b> {{player.team}}

    <br>

    <span ng-if="player.age"><b>age:</b> {{ player.age }}</span>

  </li>

</ul>

  </div>

</body>

</html>


 类似资料:
  • 问题内容: 我发现的唯一接近的事情是:Elasticsearch中的多个分组方式 基本上,我试图获得与以下查询等效的ES : 年龄和性别本身很容易获得: 这使: 但是现在我需要这样的东西: 请注意,这是针对年龄范围的“映射”,因此它们实际上表示的是:)而不是数字。例如,性别[1](“男性”)细分为[246]的年龄范围[0](“18岁以下”)。 问题答案: 由于您只有2个字段,因此一种简单的方法是使

  • 我有以下文件: 如何发出请求,将Sigle\U 1和Sigle\U 2连接起来,并将值reslut分组? 预期结果示例: 我试过了,但还不完全

  • 问题内容: 我正在使用PHP和PDO从数据库检索一组值,然后使用以下代码按第一列进行分组: 这意味着如果我的数据采用以下格式: 它返回为: 我将如何按Column1和Column2分组,这样我会得到以下信息: 可以结合使用PDO常数吗? 谢谢 问题答案: 如您所见,通过将数组与一个指定的列进行分组,可以轻松地轻松重建数组。您需要将二维数组(数据库的结果)转换为三维数组,但是 无法 以这种方式重建它

  • 我可以同时使用和吗?

  • 问题内容: 使用,我可以做类似的事情: 我的输出: 但是我只想要1行1列: 预期产量: 原因是我要从多个表中选择多个值,并且在所有联接之后,我得到的行比我想要的要多得多。 我在MySQL Doc上寻找了一个函数,但看起来不像或函数接受结果集。 那么,这里有人知道该怎么做吗? 问题答案: 您可以使用: 正如路德维希(Ludwig)在其评论中所述,您可以添加运算符以避免重复: 正如Jan在他们的评论中

  • 需要帮助的一个案件流与分组由我希望能够分组由2个不同的字段,并有其他大小数字段的总和,根据不同的分组。以下是我的实体: 让我们假设我有以下列表作为输入: 下面有一个解决方案的开头,但我在添加第二个聚合来总结余额的时候阻止了: