重定向页面时显示 Toastr 消息答案

【问题标题】：Show Toastr message when redirecting page重定向页面时显示 Toastr 消息
【发布时间】：2016-02-01 06:03:41
【问题描述】：

我有一个表单，它在提交时调用以下函数。

    function addToCart(form) {
        if (form.$valid) {
            shopFactory.addToCart(vm.model.ProductDetail).then(function () {
                toastr.success("Added to cart");
                $window.location = "shop/myCart";
            });
        }
    }

函数重定向到 myCart 页面，并显示 Toastr 消息。

我的问题是，当消息出现在用户被引导离开的当前页面上时，toastr 消息会立即消失。

有没有办法让消息通过重定向来维持，或者只是出现在下一页上？

【问题讨论】：

标签： javascript angularjs toastr

【解决方案1】：

在 shop/myCart 页面控制器内部，在内部编写代码，$stateChangeSucces（如果使用 ui.router）或 $routeChangeSuccess。同时检查之前的路由以确保仅在这种情况下显示 toastr 消息。

示例：

$scope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams){
    console.log("foo");
  });
});

【讨论】：