使用ui-grid时,可以通过以下步骤从嵌套行访问$scope:
<div ui-grid="gridOptions" class="grid"></div>
$scope.gridOptions = {
columnDefs: [
{ field: 'name', displayName: 'Name' },
{ field: 'age', displayName: 'Age' }
],
data: [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 }
],
rowTemplate: '<div ng-repeat="col in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell" ui-grid-cell></div>',
onRegisterApi: function(gridApi) {
$scope.gridApi = gridApi;
}
};
<div class="ui-grid-row" ng-repeat="row in rowContainer.renderedRows track by $index">
<div class="ui-grid-cell" ng-repeat="col in colContainer.renderedColumns track by col.colDef.name">
<span ng-if="col.colDef.name === 'name'">{{row.entity.name}}</span>
<span ng-if="col.colDef.name === 'age'">{{row.entity.age}}</span>
<button ng-click="grid.appScope.editRow(row)">Edit</button>
</div>
</div>
在上面的例子中,我们通过grid.appScope.editRow方法访问了$scope中的editRow函数。
这是一个简单的示例,演示了如何使用ui-grid从嵌套行访问$scope。你可以根据你的实际需求进行修改和扩展。关于ui-grid的更多信息和用法,请参考腾讯云的相关文档和示例。
领取专属 10元无门槛券
手把手带您无忧上云