模态窗口内的 ng-grid 仅在模态第一次打开时工作

Question

我在模态窗口中有一个网格（必须在那里，因为我的客户真的想要那样），当模态第一次打开时，可以选择网格中的行，显示所选项目在父窗口的 div 中，一切似乎都很好，但是当模式窗口关闭并再次打开时，ng-grid 中的行被冻结，我无法取消选择旧行或选择新行。这个想法是他可以通过选择或取消选择 ng-grid 中的行来添加或删除细节，但它只是添加，并且只是在第一次打开模式窗口时。

$scope.catalogOptions = {
        data: 'catalog',
        selectedItems: $scope.selectedDetails,
        columnDefs: [
            { field: "Num", displayName: 'NUM', width:"10%"},
            { field: "Type", displayName: 'TYPE', width:"90%"}],
        multiSelect: true,
        afterSelectionChange: function(item, event){
            if($scope.selectedDetails.length!=0){
                $scope.sdetails=$scope.selectedDetails;
            }
        }
    };
    $scope.sdetails=null;

这是我在控制器中的 ng-grid 定义，我还必须说带有 ng-grid 的模态窗口是从另一个模态窗口调用的（我的客户要求），基本上结构是“主页>添加记录模态>添加详细模态”，我使用这个插件http://jschr.github.io/bootstrap-modal/bs3.html 并从带有数据切换和href的按钮调用模态

我想做什么甚至可能吗？ =(

Answer 1

您是否检查过 afterSelectionChange 方法被调用了多少次？如果您第二次选择一行，则会调用此回调两次，一次用于先前选择的行，一次用于新选择的行。

    afterSelectionChange: function(item, event){
        if(item.selected) { //<-- only execute the below for the selected row
            if($scope.selectedDetails.length!=0){
                $scope.sdetails=$scope.selectedDetails;
            }
        }
    }