$ locatioChangeStart触发多次

Question

basically, I'm trying to make some array which should have history of visited pages in my app.

$rootScope.$on('$locationChangeStart',
    function (event, next, current) {

    historyArray.push($location.path());

    console.log("history", historyArray);
});

at the begining it looks ok, I mean [ "/page1", "/page2"], but then it starts to multiply the "ChangeStart" effect to ie ["/page1", "/page2", "/page3", "/page3", "/page4", "/page4", "/page4"] etc.

any ideas how to prevent it?

edit. this is just an example, i need $locationChangeStart for some ngDialog modals and other complicated things, but I'm facing similar sutation (like opening 5 modals at the same time)

Answer 1

You can just add a conditional to check if the location actually changed and an indexOf to make sure the page doesn't exist within the array.

$rootScope.$on('$locationChangeStart',
    function (event, next, current) {
        if(next !== current && historyArray.indexOf(current) === -1) {
            historyArray.push($location.path());
        }
    }
);