ng-grid中的Popover

Question

我正在尝试在我的项目中使用Popover，并且我引用了这篇文章 ：

var templatePopover = '<div popover={{row.entity.name}} popover-trigger="mouseenter" popover-placement="top" popover-append-to-body="true">{{row.getProperty(col.field)}}</div>';

{{row.getProperty（col.field）}}的作用是什么？ 代码中的col.field在哪里？

谢谢。

Answer 1

在为ng-grid设置列定义时，请告诉它字段名称。

gridOptions: {  
columnDefs: [
      {field: 'name', displayName: 'Name', cellTemplate: templatePopover},
      {field: 'age',  displayName: 'Age'}
]
}

所以当你参考

{{row.getProperty(col.field)}}

您说的是获取该字段的当前行的值。 在这种情况下，获取当前行的“名称”字段，因为那是您放置templatePopover所在的列。

编辑：这是您的plunker的更新，其中有2处更改：首先：禁用灵活的高度插件，否则网格中什么都不会出现-可能是这个plunker根本没有，并且似乎与您的问题无关。 第二：打开行选择，您将获得手形图标。 我不知道您要删除col.field部分并仍然看到数据是什么意思。 你给我的那个小矮人仍然在那里。 http://plnkr.co/edit/TVWsmEGXUDgNhlLrkWXY?p=preview