我的状态发生了变化，但页面没有正确刷新

Question

我的申请中有 4 个页面：

1. login.html：全身登录页面。
2. base.html：只是简单的页面包含 ui-view 标签，仅用于容纳其他视图。
3. main.html：包含菜单页眉页脚
4. 仪表板：包含一些面板图表等

以下是我声明路线的方式：

$stateProvider

    .state('base', {
        abstract: true,
        templateUrl: 'tpl/base.html'
    })

    .state('base.main', {
        abstract: true,
        templateUrl: 'tpl/main-layout.html',
    })

    .state('base.login', {
        url: '/login',
        templateUrl: 'views/login.html',
        data: {
            pageTitle: 'Login',
            pageSubTitle: '',
        }
    })

    // Dashboard
    .state('base.main.dashboard', {
        url: "/dashboard",
        templateUrl: "views/dashboard.html",            
        data: {
            pageTitle: 'Dashboard',
            pageSubTitle: ''
        }
    })

问题是这些状态运行良好；我可以切换到任何页面，但是在登录页面中我使用了 jQuery backstretch 插件在后台显示一些图像。

所以当我从登录切换到其他路由（例如仪表板）时，其他状态页面显示正常，但仍然应用登录的背景图像。如果我刷新页面，则只删除该图像，并显示仪表板的原始背景（原始背景只是 main-layout.html 中定义的灰色）

有人可以解释为什么登录背景在单独的页面上仍然可见吗？

Answer 1

我知道您可以将属性添加到目标目的地状态 ->

{
  reload: true
}

至于为什么它会持续存在，取决于您如何处理（或不处理）控制器中各种状态的范围。