ng-click 在 angular-ui-grid 中不起作用
ng-click does not work in angular-ui-grid
我试图在单击 ui-grid 中的单元格但 ng-click 不起作用时触发单击事件。另外 ng-class 不工作,我无法让 width: '*' 工作。有谁知道 accurate 文档 angular-ui-grid?我正在使用 angular v 1.5.11 和 angular-ui-grid v 4.2.3。 ui-grid 的一半功能似乎不起作用,文档似乎也没有解释原因。
{ name: 'Number of Vendor Parts', field: 'xrefCount', enableFiltering: false,
cellTemplate: '<div ng-class="{inactive: row.entity.active === \'N\'}" ' +
'ng-click="grid.appScope.showCrossReference()">' +
'<a>{{ row.entity.xrefCount }}</a>' +
'</div>'
}
看看这个plunker。我认为你的问题是你没有在 grid.appScope 之后添加你的控制器。如果你这样声明你的控制器:
ng-controller="MainCtrl as main"
ng-click 的表达式应如下所示:
grid.appScope.main.showCrossReference(grid, row)
请注意,您可以将网格和单击按钮的行传递给函数。
正如您在 ng-class 的 plunker 中看到的那样,我使用了一个函数,其中 returns css class 使用 行 参数。
我试图在单击 ui-grid 中的单元格但 ng-click 不起作用时触发单击事件。另外 ng-class 不工作,我无法让 width: '*' 工作。有谁知道 accurate 文档 angular-ui-grid?我正在使用 angular v 1.5.11 和 angular-ui-grid v 4.2.3。 ui-grid 的一半功能似乎不起作用,文档似乎也没有解释原因。
{ name: 'Number of Vendor Parts', field: 'xrefCount', enableFiltering: false,
cellTemplate: '<div ng-class="{inactive: row.entity.active === \'N\'}" ' +
'ng-click="grid.appScope.showCrossReference()">' +
'<a>{{ row.entity.xrefCount }}</a>' +
'</div>'
}
看看这个plunker。我认为你的问题是你没有在 grid.appScope 之后添加你的控制器。如果你这样声明你的控制器:
ng-controller="MainCtrl as main"
ng-click 的表达式应如下所示:
grid.appScope.main.showCrossReference(grid, row)
请注意,您可以将网格和单击按钮的行传递给函数。
正如您在 ng-class 的 plunker 中看到的那样,我使用了一个函数,其中 returns css class 使用 行 参数。