3

我的 Durandal 路线配置如下。

var routes = [ 
....... More Routes Here.....
{
    url: 'login',
    moduleId: 'viewmodels/login',
    name: 'Log In',
    visible: true,
    caption: 'Log In'
}, {
    url: 'logout',
    moduleId: 'viewmodels/logout',
    name: 'Log Out',
    visible: false,
    caption: 'Log Out'
}, {
    url: 'register',
    moduleId: 'viewmodels/register',
    name: 'Register',
    visible: false,
    caption: 'Register'
}];

一切都按预期工作。我希望能够在我登录时在我的导航中激活注销路线，并且我的登录按钮变得不可见。我已经尝试了以下代码，尽管没有引发任何错误，但它不会改变界面中任何内容的可见性。 

var isLoggedIn = ko.observable(false);
isLoggedIn.subscribe(function (newValue) {
    var routes = router.allRoutes();
    if (newValue == true) {
        for (var k = 0; k < routes.length; k++) {
            if (routes[k].url == 'logout') {
                routes[k].visible = true;
            }
            if (routes[k].url == 'login') {
                routes[k].visible = false;
            }
        }
     } else {
         for (var i = 0; i < routes.length; i++) {
             if (routes[i].url == 'logout') {
                 routes[i].visible = false;
              }          
              if (routes[i].url == 'login') {
                  routes[i].visible = true;
              }
         }
     }
});

我相信这不起作用，因为 visible 不是可观察的， isActive 是计算的，没有写入能力，所以它也不起作用。如何动态更改导航菜单中路线的可见性？

4

2 回答 2

0

这就是我最终要做的。

//ajax call to log user in
.done(function (recievedData) {
    if (recievedData == true) {
        router.deactivate();
        return router.map(config.routesLoggedIn);
    } else {
        router.deactivate();
        return router.map(config.routes);
    }
}).done(function() {
    router.activate('frames');
    return router.navigateTo('#/frames');
});

基本上在我的配置对象中创建了两个路由配置文件。一种用于登录，一种用于未登录。有一个警告。router.deactivate() 方法是一个非常新的方法，还没有在 NuGet 包中。我从 Durandal 的 GitHub 存储库的主分支复制了新路由器的代码。Durandal 用户组对此新功能进行了一些讨论。最终出于安全原因，我可能会从我的服务器提供登录的路由。但就目前而言，这应该可以正常工作。

于 2013-05-15T19:25:15.987 回答
0

另一种方法是使所有路由可用，但使用绑定表达式将内容或登录页面组合到路由指定的容器视图中。

不提供文字视图名称，而是将 compose 参数绑定到在登录视图名称和内容视图名称之间进行选择的三元表达式。控制表达式将是一个 observable，例如app.isAuthenticated()当用户成功登录或注销时必须设置其值。

这种方法在面对深度链接时是健壮的，因为它消除了通过应用程序的路径的概念。如果没有明确的重定向逻辑，它将验证用户，然后显示请求的资源。

可以使用函数而不是三元表达式将其扩展到两种以上的可能状态。当必须根据用户权限交付不同的 UI 时，这很方便。

于 2014-10-20T05:37:15.470 回答