2

我想为某些网址添加“警卫”。只有在用户登录时才能访问这些 url。如果未登录，我想将用户重定向到登录页面。成功登录后，我希望用户被“重定向”到原始哈希。

这是我的路由器

@dom
def outlet: Binding[Node] = {
    <div>{
    route.state.bind match {
        case s: View if UserService.hasRole("admin") => s.render.bind
        case s  if !UserService.isLoggedIn() => loginPage.render(Some(s.hash)).bind
        case _ => <div>Unknown</div>
    }
    }</div>

然后loginPage在成功登录后更改窗口哈希：

def login(username: String, password:String, orginalHash: Option[String]) =
    UserService.login(username,password).andThen{
        case Success(v) =>
            println(s"changing hash to $orginalHash")
            orginalHash.map(_.substring(1)).foreach(window.location.hash=_)
        case Failure(e) => message.value = "Wrong username/password"
    }

但是我猜因为哈希实际上没有改变，它不会更新页面：

  • 说我去/index.html/#/foobar
  • “守卫”启动并显示登录页面（网址仍然存在/index.html/#/foobar）
  • 的值orginalHash是#/foobar
  • 改变location.hashto/foobar什么都不做

有没有办法操纵路由器。是否有一个 api 可以更改当前页面？

4

2 回答 2

3

您正在创建一个数据绑定应用程序，但是某些可变状态在您的系统中是不可绑定的。

你应该做UserService.isLoggedIn并且UserService.hasRole("admin")是可绑定的。

于 2018-06-26T02:19:29.363 回答
2

感谢@yang-bo 的指示，我通过使用val user: Var[Option[User]]insideUserService并将模式匹配更改为

@dom
def outlet: Binding[Node] = {
    <div>{
        (route.state.bind, UserService.user.bind) match {
        case (s: View, Some(_))  => s.render.bind
        case (s, None) => loginPage.render(Some(s.hash)).bind
        case (_,_) => <div>Unknown</div>
    }
    }</div>
}
于 2018-06-26T06:49:58.787 回答