選択した行の値をag-gridを使用してHTMLで直接取得する方法

Question

選択した数値行の値を取得し、Angularjsを使用してHTMLで印刷しようとしましたが、問題はありません iグリッド列見出しのclic。 "selectedRowsCounter" の値は、iが

私のコードは、スクリーンショット

がある

var activeButtons = function() { 
     var countRowsSelected = $scope.gridOptions.api.getSelectedRows().length; 
    $scope.selectedRowsCounter = countRowsSelected; 
    console.log($scope.selectedRowsCounter); 
    $rootScope.count.selectedRows = countRowsSelected; 
}; 

$scope.gridOptions = { 
    rowData: null, 
    angularCompileRows: true, 
    onSelectionChanged: activeButtons, 
} 

似ているグリッドヘッダにclicクリックdosn't場合、HTMLで0であります私はここに同じ科目を開いています https://github.com/ceolter/ag-grid/issues/1023

Answer 1

私はこの行をactivに追加しましたeButtons機能と、それは良い解決策があれば、私は、知っていけない

$scope.gridOptions.api.refreshView(); 

正常に動作しますが、今

Answer 2

問題のためにその仕事は角度がAG-ため$スコーププロパティの変更を知らないことであると思われますグリッドはAngularに$スコープで何かを修正したことを通知しません。あなたがあなたの意見を示さないかどうかは分かりませんが。

onSelectionChangedを使用すると、選択された行の数を知ることができますが、$範囲内で何かが変更されたことをAngularに伝える必要があります。

このような何か：

var activeButtons = function() { 
    var countRowsSelected = $scope.gridOptions.api.getSelectedRows().length; 
    $scope.selectedRowsCounter = countRowsSelected; 
    console.log($scope.selectedRowsCounter); 
    $rootScope.count.selectedRows = countRowsSelected; 
    window.setTimeout(function() { 
     this.$scope.$apply(); 
    }); 
}; 

あなたは$スコープとHTMLビューには変更が反映されます適用することができますこの方法。