ag-grid - ng-gridの最初の行のみがレンダリングされ、選択イベントをキャッチできません

Question

私は、angularjs と ag-grid を使用して自分のプロジェクトに取り組んでいます。2 つの問題があります。1. ag-rig で選択した場合、ステータス バーを更新できないことです。イベントをキャッチでき、関数は実行されていますが、statusTextスコープ要素は、他のページへのナビゲーションが発生した後にのみ再適用されます。非常に奇妙な振る舞い。2. グリッドの最初の 3 行のみがレンダリングされ、残りはスクロール後にのみ表示されます。誰でも私を助けることができますか？

コード：

$scope[page + 'GridOptions'] = {
    columnDefs: [],
    rowData: null,
    onGridReady: $scope.fillGrid,
    rowSelection: 'single',
    onSelectionChanged: function(){
        $scope.selectRow()
    }
}

$scope.selectRow = function(){
    localStorageService.set(page + 'SelectedRow', $scope[page + 'GridOptions'].api.getSelectedRows()[0])
    console.log($scope[page + 'GridOptions'].api.getSelectedRows()[0])
    $scope.statusText = "selected item's id: " + $scope[page + 'GridOptions'].api.getSelectedRows()[0]._id
    for(i=0; i<$scope[page + 'GridColumns'].length; i++){
        localStorageService.set($scope[page + 'GridColumns'][i].field, $scope[page + 'SelectedRow'][$scope[page + 'GridColumns'][i].field])
        $scope[$scope[page + 'GridColumns'][i].field] = localStorageService.get($scope[page + 'GridColumns'][i].field)
    }
    console.log(page)
    localStorageService.set(page + 'DisableButton', false)
    $scope[page + 'DisableButton'] = eval(localStorageService.get(page + 'DisableButton'))
    $scope[page + 'GridOptions'].api.refreshView()
}