AngularJS 视图不使用主 ui-view 模板？答案

【问题标题】：AngularJS view without using main ui-view template?AngularJS 视图不使用主 ui-view 模板？
【发布时间】：2016-05-26 11:09:12
【问题描述】：

我正在创建一个应用程序，让登录用户能够在他们的仪表板中创建投票（包含问题和选择）。

创建投票后，我想重定向到投票页面，该页面将具有唯一的 url（例如：http://example.com/p/3eRr4g6）。

我希望此页面不使用仪表板模板。

如何做到这一点？

这是我的仪表板视图：

投票页面/模板示例：

更新：显示我当前的索引文件以及我的结构。（回复koox00的回复）

<body class="hold-transition skin-purple sidebar-mini">
        <div class="wrapper">

            <div ng-include="'components/navbar/navbar.html'"></div>

            <div ng-include="'components/sidebar/sidebar.html'"></div>

            <div class="content-wrapper">
                <div ui-view></div>
            </div>

            <div ng-include="'components/footer/footer.html'"></div>

        </div>
    </body>

【问题讨论】：

创建的页面是动态的还是静态的？
统计民意调查数据时动态，将在用户投票时填充。
您认为您可以使用$window.location.href = 'http://example.com/p/3eRr4g6'; 并在该页面上使用自定义模板吗？
这是个好问题。我目前正在使用 $location 重定向到页面。我将不得不测试你的理论。我能看到的唯一问题是我将丢失我的 $scope 数据（身份验证等）。
你用ui-router吗？

标签： angularjs node.js express angular-ui-router

【解决方案1】：

您可以使用named 视图。

创建一个在该视图中加载默认模板的状态，例如 main，如果您想共享数据，则将所有其他状态设为该状态的子状态。

在所需的状态下，您可以在主视图上加载所需的 html。

更新

default.html

<div class="wrapper">

    <div ng-include="'components/navbar/navbar.html'"></div>

    <div ng-include="'components/sidebar/sidebar.html'"></div>

    <div class="content-wrapper">
        <div ui-view></div>
    </div>

    <div ng-include="'components/footer/footer.html'"></div>

</div>

index.html

<body>
    <div ui-view="main"></div>
</body>

如果您想在父/子状态之间共享数据，请查看nested states。

【讨论】：

这需要我将页眉/侧边栏/页脚（ng-includes）放入我的所有部分，对吗？截至目前，我将它们放在 ui-view 之外的 index.html 中。我已经更新了我的原始帖子以反映我在说什么
是的，但是您可以在 index.html 中只保留 ui-view 并创建另一个部分，该部分将从父状态加载到 ui-view 中。
我试过了，我认为它会起作用，我唯一遇到的问题是每次用户从一个页面点击到另一个页面时它都会重新加载我的动态侧边栏和标题，这似乎是多余的。跨度>
好的，我不知道你是如何重新加载侧边栏的，但是每个服务都处于父状态的解析只被调用一次，这样你就可以避免让我们说 auth 等.. 发生两次
我知道你的答案是正确的，我只是没有掌握如何正确实施它的概念。