我在我的项目中使用了Aurelia框架。每件事看起来都很直观,然而我被一个我怀疑相当容易的问题所困扰(如果你知道怎么做的话)。
问题是app.html / app.js最初会显示一个导航栏并加载一些默认样式。
现在我需要一个登录页,它不加载任何东西,但它自己的样式,没有导航栏什么都没有-只是它自己的登录表单。
所以我尝试了这样的方法:
app.js
<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)也应该再次刷新。然后我所有的问题就都解决了。
我在这里遗漏了什么?:-)
https://stackoverflow.com/questions/33458274
复制相似问题