隐藏的路由器视图打破了数据绑定 - Aurelia

时间:2015-12-10 11:05:47

标签: javascript web-component aurelia

我想有条件地显示登录页面,但遇到了问题。我通过将app.html更改为以下内容,将其与官方aurelia skeleton application一起复制:

<template>
  <require from="nav-bar.html"></require>
  <require from="bootstrap/css/bootstrap.css"></require>

  <nav-bar router.bind="router"></nav-bar>

  <template if.bind="false">
    <div class="page-host">
      <router-view></router-view>
    </div>
  </template>
  <h1 if.bind="true">Not logged in, show login page</h1>
</template>

问题是路由器对象不再被定义,因此导航栏不起作用(不显示导航项)。有人知道我在这里做错了吗?

1 个答案:

答案 0 :(得分:2)

如果您删除<router-view>router似乎不起作用。您应该使用不同的方法来处理登录。

http://aurelia.io/docs.html#/aurelia/framework/1.0.0-beta.1.0.3/doc/article/cheat-sheet查看Aurelia文档并搜索&#34;自定义导航管道&#34;。 我相信它会对你有所帮助

修改

根据Jeremy Danyow的评论,setRoot(module)功能将是一个更容易的解决方案。有关更多信息,请访问https://stackoverflow.com/a/33458652/725866