多个 - 主要详细信息页面

Question

我是角色的新手（来自流星背景），我正在努力学习如何在Angular ui路由器中实现2个主要细节样式页面。

我想要实现的目标如下：

在某人登录之前，他们会看到： 主页A包含：

• 标题A
• 内容 - 更改
• 页脚A

当一个人登录时，他们会看到： 主页B包含：

• 标题B
• 内容 - 按路线更改
• 页脚B

内容 - 更改页脚B

首先 :(我不确定以下是否正确）到目前为止，我已经在网上找到了以下代码，但似乎我需要在每条路线上重复页眉和页脚（每次导航到不同的内容页面时，似乎都会重新加载这些内容）。

   .state('home', {
             abstract: true,
             url: '/home',
             views: {
                 'main': {
                     templateUrl: 'app/template/home.html'
                 }
             }
         })
        .state('home.landing', {
            url: '/landing',
            views: {
                'header@home': {
                    templateUrl: "app/template/header.html"
                },
                'test@home': {
                    templateUrl: "app/template/test.html"
                },
                'footer@home': {
                    templateUrl: "app/template/footer.html"
                }
            }
        })
         .state('home.other', {
             url: '/other',
             views: {
                 'header@home': {
                     templateUrl: "app/template/header.html"
                 },
                 'test@home': {
                     templateUrl: "app/template/test2.html"
                 },
                 'footer@home': {
                     templateUrl: "app/template/footer.html"
                 }
             }
         })

由于