Tableau工具栏状态更改事件

Question

我有一个要使用Tableau的角度页面。

当工具栏状态发生变化时，应该执行Tableau工具栏状态变化事件，我已经使用以下代码实现了它。

以下.js文件导入到app.component.ts文件中。 而这个js文件正在制作的是div中的 app.component.html，其ID为“ viz”。

app.component.html文件包含

<div id="viz"> </div>

和.js文件包含以下代码

window.onload = function() {
    initViz();
}


function initViz() {
    var containerDiv = document.getElementById("viz"),
    url = "http://serverNAme/t//views/PERF_REPORT_10_Perf/Time?:embed=y&:refresh=y&:showShareOptions=true&:display_count=no&:showVizHome=no",
    options = {
        position: 'relative',
        border: '0',
        hideToolbar: false,
        usePublishedSize: true,
        hideTabs: true,
        queryString: "1",
        onFirstInteractive: function () {
            workbook = viz.getWorkbook();
            activeSheet = workbook.getActiveSheet();
            console.log("Run this code when the viz has finished loading.");
            viz.addEventListener(tableau.TableauEventName.TOOLBAR_STATE_CHANGE, onToolbarStateChange);
        }
    };
    var viz = new tableau.Viz(containerDiv, url, options); 
}


function onToolbarStateChange(toolbarEvent){
    console.log(toolbarEvent);
    console.log("inside onToolbarStateChange()");
}

页面加载后，工具栏中的撤消和重做选项将被禁用。当我单击一个按钮时，我期望加载新数据并启用撤消按钮。

到目前为止，当工具栏的状态更改时，onToolBarStateChange() 没有接到电话。