javascript - 用 limitTo 缩短 ng-repeat 变量

Question

在我的数据库中我有这样的数据结构

"Projects":[{
    "Year2016":[{"Name": "Project1"},{"Name": "Project2"}],
    "Year2017":[{"Name": "Project1"},{"Name": "Project2"}]
           }]

用 ng-repeat 我去

ng-repeat="year in Projects"
<b>{{year | limitTo:4:6}}</b>   

而不是 2016 我得到了整个 {"Year2016":.....}

如果我将查询响应作为字符串放入代码中，它会像怀疑的那样工作但是

出于某种原因，limitTo 无法在新的 ng-repeat“变量”上运行

有可能吗？

Answer 1

你应该使用 (key, value) 语法 ng-repeat 来循环遍历 json 对象数组 和 keys.

引用下面的例子:

angular.module("app", [])
  .controller("myCtrl", function($scope) {
    $scope.data = {
      "Projects": [{
        "Year2016": [{
          "Name": "Project1"
        }, {
          "Name": "Project2"
        }],
        "Year2017": [{
          "Name": "Project1"
        }, {
          "Name": "Project2"
        }]
      }]
    };
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="app" ng-controller="myCtrl">
  <div ng-repeat="project in data.Projects">
    <div ng-repeat="(key, value) in project">
      <b>{{key | limitTo:4:4}}</b>
      <div ng-repeat="item in value">
        <span>{{item.Name}}</span>
      </div>
    </div>
    
  </div>
</div>