我的状态发生了变化，但网页无法正常刷新

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

我知道您可以将属性添加到目标目标状态 - ＆gt;

{
  reload: true
}

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