Question

我正在尝试在我的项目中使用Popover，我指的是post：

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)}}

您说要获取该字段的当前行的值。在这种情况下，获取当前行的名称＆＃39;字段，因为这是您放置了templatePopover的列。

编辑：以下是对你的plunker的更新，有2个更改：第一：禁用灵活的高度插件，否则网格中根本没有任何显示 - 可能这个plunker只是没有这个并且它似乎与你的相关题。第二步：打开行选择，然后返回手形图标。我不知道你取出col.field部分并仍然看到数据的意思。你给我的那个傻瓜还在那里。 http://plnkr.co/edit/TVWsmEGXUDgNhlLrkWXY?p=preview

在ng-grid中弹出

1 个答案: