不使用主ui-view模板的AngularJS视图?

时间:2016-02-15 13:49:47

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

我正在创建一个应用程序,为登录用户提供在其信息中心中创建投票(包含问题和选项)的功能。

创建投票后,我想重定向到投票页面,该页面将有一个唯一的网址(例如:http://example.com/p/3eRr4g6)。

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

如何实现这一目标?

这是我的信息中心视图: enter image description here

示例民意调页/模板: enter image description here

更新:显示我当前的索引文件以及我如何构建它。 (回复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>

1 个答案:

答案 0 :(得分: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