Javascript AngularJS Ui网格数据表，如何避免多ng重复

问题是

我让一些人和angularJS一起登录。 人是如下所示的JSON对象：

{ "id":"0" , "name":"My name" , "firstname":"My first Name" , "contacts":[{"id":"0" , "type":"phone" , "value":"0574869345"},{"id":"1" , "type":"email" , "myEmail@mail.com"}] }

请注意，此人可能有多个联系信息（电子邮件、电话等）

我实际上能够将人员列表（数组）显示到一个“简单”表中，其中包括：

ng重复“人物”（人物列表中的人物）

ng重复“联系人”（联系人中的联系人。联系人）

这听起来似乎是最合理、最简单的解决方案。但在其他一些情况下，对于不太复杂的数据，我使用的是“ng网格”，它现在是“ui网格”，用于显示数据表

在此之前，我曾使用jquery.dataTables，但它似乎不适合angular，因为它与js变量直接相关，并且不会在$scope更改时“更新”。。。正如你们可能得到的，用户将能够“更改”事件中的人员列表。因此，网格/表格内容必须链接到范围

以下是我试图实现的当前“仅角度”解决方案的一个非常简短/简化的示例：

---

这里是ng网格解决方案（不工作！），如果可能的话，我想使用它：

Angular UI grid允许您绑定自定义模板。 您可以使用字段的单元格模板属性来实现所需的功能

您可以使用cellTemplate，它只是用于呈现数据的自定义HTML

<div ng-repeat='field in COL_FIELD'>
  <div>{{field.id}} - {{field.type}}- {{field.value}}</div>
 </div>

.uiGridTable：{
高度：600px；
}

转换

这真的很有帮助！谢谢你的回答。但是有没有可能让它像一个“表响应”表（来自bootstrap）一样工作，并添加数据表中固有的提示，比如“快速搜索”输入和将显示设置为10个条目或20个或更多/更少的可能性。。。通过页面管理？UI网格提供列过滤和全局过滤。它还提供默认排序，如果这不符合您的要求，它可以编写您自己的自定义算法。是UI网格支持客户端和服务器端分页以及分页（显示行数下拉列表）。您可以在官方网站上查看这些功能。

  {
  field: "contacts",
  displayName: "Contacts",
  cellTemplate: "<div class='ui-grid-cell-contents'><div ng-repeat='field in COL_FIELD'>{{field.id}} - {{field.type}}- {{field.value}}</div></div>"
}