Question

我正在使用ChartJS在角度上创建页面上的图表。我遇到的问题是，当我导航到新页面并返回原始页面时，JS不再被调用。

每次角度页面导航时，有没有办法调用javascript函数或文件？我想我只是看看我的选择器是否存在于页面上，然后调用该函数。

$(document).ready(function () {
    //Call on every page:
    (function ($) {
        $(window).load(function () {
            $(".bubbleScrollbar").mCustomScrollbar({
                theme: "rounded-dots"
            });

            $(".hBubbleScrollbar").mCustomScrollbar({
                //theme: "minimal-dark",
                theme: "rounded-dots-dark",
                axis: "x",
                advanced: {autoExpandHorizontalScroll: true},
                mouseWheelPixels: 150

            });

        });
    })(jQuery);

// on all chart pages:


    var ctx = $('#chart-TicketsResolved').get(0).getContext("2d");
    var data = [
        {
            value: 300,
            color: "#50AD7E",
            label: "Resolved"
        },
        {
            value: 200,
            color: "#d9d9d9",
            label: "Open"
        }
    ];
    var myDoughnutChart = new Chart(ctx).Gauge(data);
});

Answer 1

您可以通过聆听window.hashchanged事件来调用您的函数。

window.onhashchange = function () {
  console.log('my function runs every time the # hash changes');
}

在此处查看更多内容：How to detect URL change in JavaScript

使用角度导航时调用函数

1 个答案: