angularjs - 如何在 ng-grid 中使用ExternalSorting，并在 sortInfo 上使用 $watch？

Question

我的代码中的 ng-grid 有以下设置:

$scope.gridOptions = {
    ...
    useExternalSorting : false,
}

$scope.watch('gridOptions.ngGrid.config.sortInfo', function (oldValue, newValue) {
    console.log(newValue)
})

我还尝试使用 sortInfo : undefined 和 $watch(gridOptions.sortInfo)。这似乎仅在网格最初加载时才起作用。之后，当我单击标题列时，它似乎没有进入 $watch 的回调函数内部。我尝试将调试器放入触发排序的回调函数内，我可以看到代码使用正确的信息更新 sortInfo 数组，但它似乎没有进入 watch 语句的回调函数内。我的设置有什么不正确的地方吗？我有一个Plunker here与我想做的事情类似。

Answer 1

我也遇到了同样的问题。我想进行自己的服务器端排序，但仍然使用单击列标题时更新的 sortInfo 对象。在查看控制台中的一些错误后，我发现我必须设置一个默认的 sortInfo ，如下所示:

$scope.gridOptions = {
...
sortInfo: { 字段: [], 列: [], 方向: [] },
使用外部排序:true
}

我不确定为什么 columns 字段是必需的，并且它与文档不匹配。我正在使用 AngularJS v1.2.19 和 ng-grid v2.0.11。不确定为什么您将 useExternalSorting 设置为 false 但无论哪种方式，您现在都应该能够在该字段上设置监视，如下所示:

$scope.$watch('gridOptions.sortInfo', function (newVal, oldVal) {
控制台.log(newVal);
}, true);