Javascript 安圭拉酒店；Google可视化-使用状态更改处理程序（Google API）在HTML页面上查看$scope变量（JS）

我正在编写一段用于web开发的代码，其中有一个页面使用Google Visualization API的日期范围和数字范围过滤器。同时，我在整个页面中使用AngularJS

现在，我的问题如下：我有一个表，其中有一定数量的条目。当应用其中一个过滤器时，我希望在HTML页面的某个地方显示条目数（=#行）

我的目的是通过使用Google API中的

getNumberOfRows（）

方法实现这一点，并将结果存储在页面上要使用的

$scope

变量中，理想情况下，每次范围过滤器改变状态时都会更新

我添加了3个侦听器，一个用于单击表行（使用

selectHandler（）

），另一个用于处理范围筛选器的状态更改（使用单独的函数

stateChangeHandler（）

）

我将值存储在变量

$scope.numberofrowshown

中

整个过程都适用于单击（

selectHandler

）。因此，当单击一个表行时，使用

{{numberOfRowsShown}

（AngularJS）调用HTML页面上的变量时，会得到更新的正确行数

除了调用函数并将其存储到

stateChangeHandler（）

中的变量

$scope.numberofrowshown

之外，执行完全相同的操作会在控制台中为我提供正确的输出，但它不再允许我通过调用

{numberofrowshown}

来访问变量

有什么想法吗

以下是JS代码：

function selectHandler() {
    // this works!!
    $scope.numberOfRowsShown = table.getDataTable().getNumberOfRows();
};

function stateChangeHandler() {
    // this does not work..
    $scope.numberOfRowsShown = table.getDataTable().getNumberOfRows();
    // correct output in the console..
    console.log(table.getDataTable().getNumberOfRows());
};

// Setup listener to listen for clicks on table rows and process the selectHandler.
google.visualization.events.addListener(table, 'select', selectHandler);

// Setup listeners for statechange in the slider range filters.
google.visualization.events.addListener(dateOfLastAccessFilter, 'statechange', stateChangeHandler);
google.visualization.events.addListener(timeSinceLastAccessFilter, 'statechange', stateChangeHandler);

---

我已经弄明白了。我所需要做的就是重新装填桌子