Angularjs 在角上循环列表并打印中间标题，重用结构

我有一个JSON对象，看起来像：

people = {
rightHanded :[
    {"name":bob,
     "age": 23
    },
    {"name":dave,
     "age": 20
    }
],
leftHanded :[
    {"name":sarah,
     "age": 23
    },
    {"name":lisa,
     "age": 20
    }
]};

我想为这两种人重复使用相同的结构

<tr><td>Right handed</td><tr>
<tr ng-repeat="person in people.rightHanded">
    <td>person.name</td>
    <td>person.age</td>
</tr>
<tr><td>Left handed</td><tr>
<!-- Don't want to repeat the same structure -->
<tr ng-repeat="person in people.leftHanded">
    <td>person.name</td>
    <td>person.age</td>
</tr>

---

我可以将值放在persontag中，但是我可以只写一次“left Hand”（左手）行吗？

为此，您需要创建自定义过滤器，该过滤器将整平数组

标记

  <tr ng-repeat="person in people | customFilter: 'rightHanded'">
    <td ng-bind="person.name"></td>
    <td ng-bind="person.age"></td>
  </tr>

---

为此，您需要创建自定义过滤器，以展平阵列

标记

  <tr ng-repeat="person in people | customFilter: 'rightHanded'">
    <td ng-bind="person.name"></td>
    <td ng-bind="person.age"></td>
  </tr>

---

为此，您需要创建自定义过滤器，以展平阵列

标记

  <tr ng-repeat="person in people | customFilter: 'rightHanded'">
    <td ng-bind="person.name"></td>
    <td ng-bind="person.age"></td>
  </tr>

---

为此，您需要创建自定义过滤器，以展平阵列

标记

  <tr ng-repeat="person in people | customFilter: 'rightHanded'">
    <td ng-bind="person.name"></td>
    <td ng-bind="person.age"></td>
  </tr>

---

json-经过调整，可以很好地与ng repeat配合使用：

people = [
  { 
    title: "Right handed",
    list: [
      {"name": "bob", "age": 23 },
      {"name": "dave", "age": 20 }
    ]
  },
  {
    title: "Left handed",
    list: [
      { "name": "sarah", "age": 23 }, 
      { "name": "lisa", "age": 20 }
    ]
  }
];

模板：

<tr ng-repeat-start="x in people">
  <td>{{x.title}}</td>
  <td></td>
</tr>
<tr ng-repeat="p in x.list" ng-repeat-end>
  <td>{{p.name}}</td>
  <td>{{p.age}}</td>
</tr>

{{x.title}}
{{p.name}}
{{p.age}}

---

请参见

json-调整以与ng repeat配合使用：

people = [
  { 
    title: "Right handed",
    list: [
      {"name": "bob", "age": 23 },
      {"name": "dave", "age": 20 }
    ]
  },
  {
    title: "Left handed",
    list: [
      { "name": "sarah", "age": 23 }, 
      { "name": "lisa", "age": 20 }
    ]
  }
];

模板：

<tr ng-repeat-start="x in people">
  <td>{{x.title}}</td>
  <td></td>
</tr>
<tr ng-repeat="p in x.list" ng-repeat-end>
  <td>{{p.name}}</td>
  <td>{{p.age}}</td>
</tr>

{{x.title}}
{{p.name}}
{{p.age}}

---

请参见

json-调整以与ng repeat配合使用：

people = [
  { 
    title: "Right handed",
    list: [
      {"name": "bob", "age": 23 },
      {"name": "dave", "age": 20 }
    ]
  },
  {
    title: "Left handed",
    list: [
      { "name": "sarah", "age": 23 }, 
      { "name": "lisa", "age": 20 }
    ]
  }
];

模板：

<tr ng-repeat-start="x in people">
  <td>{{x.title}}</td>
  <td></td>
</tr>
<tr ng-repeat="p in x.list" ng-repeat-end>
  <td>{{p.name}}</td>
  <td>{{p.age}}</td>
</tr>

{{x.title}}
{{p.name}}
{{p.age}}

---

请参见

json-调整以与ng repeat配合使用：

people = [
  { 
    title: "Right handed",
    list: [
      {"name": "bob", "age": 23 },
      {"name": "dave", "age": 20 }
    ]
  },
  {
    title: "Left handed",
    list: [
      { "name": "sarah", "age": 23 }, 
      { "name": "lisa", "age": 20 }
    ]
  }
];

模板：

<tr ng-repeat-start="x in people">
  <td>{{x.title}}</td>
  <td></td>
</tr>
<tr ng-repeat="p in x.list" ng-repeat-end>
  <td>{{p.name}}</td>
  <td>{{p.age}}</td>
</tr>

{{x.title}}
{{p.name}}
{{p.age}}

---

---

请参见

是，在这种情况下您可以使用过滤器。并手动放置右手或左手的标签。@RishiPrakash，我不知道怎么做。如果你知道你能提供它作为一个答案吗？@是的，正在处理它，等等：）是的，就像你可以在这种情况下使用过滤器一样。并手动放置右手或左手的标签。@RishiPrakash，我不知道怎么做。如果你知道你能提供它作为一个答案吗？@是的，正在处理它，等等：）是的，就像你可以在这种情况下使用过滤器一样。并手动放置右手或左手的标签。@RishiPrakash，我不知道怎么做。如果你知道你能提供它作为一个答案吗？@是的，正在处理它，等等：）是的，就像你可以在这种情况下使用过滤器一样。并手动放置右手或左手的标签。@RishiPrakash，我不知道怎么做。如果你知道你能提供它作为一个答案吗？@是的，正在处理它，等等：）这个自定义过滤器是如何工作的，你能详细说明一下吗？OP想要单独的列表，如果你明白的话。@所有都是对的，但是请看OP需要在单独的列表中用标签显示Lefty和Righty，你可以一次性显示所有的列表。他不想将结果合并到一个列表中，但将左handy和右handy的JSON合并到一个列表中。@RishiPrakash现在可以通过filterI进行配置。rightHanded可以编写

人员。rightHanded

代替

人员| customFilter:“rightHanded”

。看起来您刚刚创建了一个过滤器来访问对象的属性，很酷，但是。。。为什么？；）这个自定义过滤器是如何工作的，你能详细说明一下吗？OP想要单独的列表，如果你明白的话。@所有都是正确的，但是请看OP需要在单独的列表中用标记显示Lefty和Righty，你可以一次显示所有的列表。他不想将结果合并到一个列表中，但将左handy和右handy的JSON合并到一个列表中。@RishiPrakash现在可以通过filterI进行配置。rightHanded可以编写

人员。rightHanded

代替

人员| customFilter:“rightHanded”

。看起来您刚刚创建了一个过滤器来访问对象的属性，很酷，但是。。。为什么？；）这个自定义过滤器是如何工作的，你能详细说明一下吗？OP想要单独的列表，如果你明白的话。@所有都是正确的，但是请看OP需要在单独的列表中用标记显示Lefty和Righty，你可以一次显示所有的列表。他不想将结果合并到一个列表中，但将左handy和右handy的JSON合并到一个列表中。@RishiPrakash现在可以通过filterI进行配置。rightHanded可以编写

人员。rightHanded

代替

人员| customFilter:“rightHanded”

。看起来您刚刚创建了一个过滤器来访问对象的属性，很酷，但是。。。为什么？；）这个自定义过滤器是如何工作的，你能详细说明一下吗？OP想要单独的列表，如果你明白的话。@所有都是正确的，但是请看OP需要在单独的列表中用标记显示Lefty和Righty，你可以一次显示所有的列表。他不想将结果合并到一个列表中，但将左handy和右handy的JSON合并到一个列表中。@RishiPrakash现在可以通过filterI进行配置。rightHanded可以编写

人员。rightHanded

代替

人员| customFilter:“rightHanded”

。看起来您刚刚创建了一个过滤器来访问对象的属性，很酷，但是。。。为什么？；）