首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用Aurelia在登录页面和应用程序之间切换

如何使用Aurelia在登录页面和应用程序之间切换
EN

Stack Overflow用户
提问于 2015-11-01 09:13:29
回答 2查看 7K关注 0票数 20

我在我的项目中使用了Aurelia框架。每件事看起来都很直观,然而我被一个我怀疑相当容易的问题所困扰(如果你知道怎么做的话)。

问题是app.html / app.js最初会显示一个导航栏并加载一些默认样式。

现在我需要一个登录页,它不加载任何东西,但它自己的样式,没有导航栏什么都没有-只是它自己的登录表单。

所以我尝试了这样的方法:

app.js

代码语言:javascript
运行
复制
<template>
    <div if.bind="auth.isNotAuthenticated()">
        <require from="components/login/index" ></require>
        <login router.bind="router"></login>
    </div> 
    <div if.bind="auth.isAuthenticated()">
        <require from="nav-bar.html" ></require>
        <require from="../styles/styles.css"></require>
        <div class="container" id="banner">
            <div class="row">
                <img src="images/logo.png" />
            </div>
        </div>
        <nav-bar router.bind="router"></nav-bar>
        <div class="page-host">
            <router-view></router-view>
        </div>
    </div>
</template>

显然,这不起作用(除非刷新页面/f5),因为app.js / app.html是始终存在且从不更改的根路径。但我希望标记中的逻辑有助于说明我要解决的问题?

当我从登录路由导航到另一个路由时,如果我知道如何重新加载父路由(app.js)就好了。同样,当我注销时,父路由(app.js)也应该再次刷新。然后我所有的问题就都解决了。

我在这里遗漏了什么?:-)

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33458274

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档