javascript - 将整个对象传递给 ng-grid 中的 cellFilter 函数

标签 javascript angularjs ng-grid

在 ng-grid 中,我需要我的列之一来显示依赖于我的对象的多个属性的值。所以我需要传递整个对象,而不仅仅是它的一个属性。

在项目的另一个位置,我通过将我的对象包装在另一个对象的 say value 属性中解决了这个问题,例如,一列绑定(bind)到 value.FirstName另一个只是为了 value

有没有办法避免这种扭曲,例如只传递一个空的 field 属性,或者只是删除 field 属性?这些方法似乎都不起作用。

谢谢

最佳答案

不要设置字段,然后在cellTemplate 中使用row.entity。这是一个例子:

$scope.myData = [
  {
    firstName: 'Bob',
    lastName: 'Smith',
    age: 43
  },
  {
    firstName: 'Joe',
    lastName: 'Williams',
    age: 39
  }
];

$scope.gridOptions = {
  data: myData,
  colDefs: [
    {
      displayName: 'Name',
      cellTemplate: '<div>{{row.entity.firstName}} {{row.entity.lastName}}</div>'
    },
    {
      displayName: 'Age',
      field: age
    }
  ]
};

这将产生如下表格:

+--------------+-----+
| Name         | Age |
+--------------+-----+
| Bob Smith    | 43  |
+--------------+-----+
| Joe Williams | 39  |
+--------------+-----+

关于javascript - 将整个对象传递给 ng-grid 中的 cellFilter 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22845468/

相关文章:

javascript - Javascript 中的 RTL 确认和警报

angularjs - 如何使用Angular $ resource发送x-www-form-urlencoded数据?

angularjs - 动态启用单元编辑

angularjs - 第一页加载时未在 ng 网格中选择页面大小

javascript - javascript sort() 顺序出现问题

javascript - TextSearch 不返回输出(但 URL 有效)

javascript - 网络音频 : total oscillator count and performance (Javascript)

javascript - 使用 ng-if 时 ng-click 停止工作

javascript - $watchCollection 不适用于数组

angularjs - 2 个 ng-grids(主/细节)的漂亮自动布局,其宽度根据内容(运行时的 CSS)而变化