Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度UI网格:在单元格模板中,如何从不同的字段/单元格访问值_Javascript_Angularjs_Angular Ui Grid - Fatal编程技术网

Javascript 角度UI网格:在单元格模板中,如何从不同的字段/单元格访问值

Javascript 角度UI网格:在单元格模板中,如何从不同的字段/单元格访问值,javascript,angularjs,angular-ui-grid,Javascript,Angularjs,Angular Ui Grid,我一直在尝试使用Angular UI网格插件来呈现数据表,我有以下示例数据: var data = [ {"id" : 10, "name" : "Name 1", "city" : "San Francisco"}, {"id" : 12, "name" : "Name 2", "city" : "San Diego"}, {"id" : 20, "name" : "Name 3", "city" : "Santa Barbara"}, ]; 下面是gridOptions的columnDef

我一直在尝试使用Angular UI网格插件来呈现数据表,我有以下示例数据:

var data = [
{"id" : 10, "name" : "Name 1", "city" : "San Francisco"},
{"id" : 12, "name" : "Name 2", "city" : "San Diego"},
{"id" : 20, "name" : "Name 3", "city" : "Santa Barbara"},
];
下面是gridOptions的columnDefs,在name字段中,我需要使用ui sref创建一个超链接

$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}
];
$scope.gridOptions.columnDefs=[
{字段:'id',显示名称:'id'},
{字段:'名称',
单元格模板:“”+
“{COL_字段自定义_筛选器}”
},
{字段:'city',enableSorting:true}
];

除了row.entity.id值外,该表呈现良好。我在超链接中得到的值(在名称列内)是顺序的:1、2和3,而不是数据数组中定义的10、12和20,然而,id列中显示的id值是我所期望的:10、12和20。我想知道如何访问name字段中的id字段值,为什么name单元格中的id是连续的?

您不需要在
ui sref
中使用大括号,因为您已经在JS表达式中了。试试这个:

ui sref=“main.placeDetail({placeId:row.entity.id})”