Question

我一直在尝试使用Angular UI-Grid插件来呈现数据表，我有以下示例数据：

$scope.gridOptions.columnDefs = [
{field: 'id', displayName: 'ID'},
{field: 'name',
cellTemplate: '<div class="ui-grid-cell-contents tooltip-uigrid" title="{{COL_FIELD}}">' +
                       '<a ui-sref="main.placeDetail{{placeId: \'{{row.entity.id}}\' }}">{{COL_FIELD CUSTOM_FILTERS}}</a></div>'
},
{field: 'city', enableSorting: true}
];

下面是gridOptions的columnDefs，在名称字段中，我需要使用ui-sref创建超链接

XMLHttpRequest cannot load http://www.example.com/api/v1/companies/1.
No 'Access-Control-Allow-Origin' header is present on the requested 
resource. Origin 'http://localhost:4200' is therefore not allowed 
access.

除 row.entity.id 值外，该表格正常。我在超链接中（在名称列中）获得的值是顺序的：1,2和3，而不是数据数组中定义的10,12和20 ，然而， ID 列中显示的 id 值是我所期望的：10,12和20.我想知道如何访问 id 名称字段中的字段值，以及为什么名称单元格中的 id 是连续的？

Answer 1

您不应该在ui-sref中使用大括号，因为您已经在JS表达式中。试试这个：

ui-sref="main.placeDetail({placeId: row.entity.id })"

Angular UI-Grid：在单元格模板中，如何从不同的字段/单元格访问该值

1 个答案: