4

我有的

试图了解正在发生的事情以及如何控制它。对于尚未通过身份验证的用户，我有一个“公共”视图，对于经过身份验证的用户，我有一个“主页”视图。这是我的路线配置：

app.start().then(function() {
        //Replace 'viewmodels' in the moduleId with 'views' to locate the view.
        //Look for partial views in a 'views' folder in the root.
        viewLocator.useConvention();

        //configure routing
        router.useConvention();

        router.mapRoute('home', 'viewmodels/home', 'Test App', true);
        router.mapRoute('public', 'viewmodels/public', 'Test App', true);
        router.mapRoute('set/:id', 'viewmodels/set', 'Set');
        router.mapRoute('folder/:id', 'viewmodels/folder', 'Folder');
        router.mapRoute('api', 'viewmodels/api', 'API Reference');
        router.mapRoute('error', 'viewmodels/error', 'Error', false);
        app.adaptToDevice();

        //Show the app by setting the root view model for our application with a transition.

        if (dataservice.isAuthenticated() === true) {
            app.setRoot('viewmodels/shell', 'entrance');
            router.navigateTo('home');
        } else {
            app.setRoot('viewmodels/public');
            router.navigateTo('#/public');
        }

        router.handleInvalidRoute = function (route, params) {
            logger.logError('No route found', route, 'main', true);
            router.navigateTo('#/error');
        };
    });

问题

当我第一次运行该应用程序时，我没有通过身份验证，并且出现错误：

Uncaught TypeError: Cannot call method 'lookupRoute' of undefined

源于'router.navigateTo('#/public');'一线。

然后，当我尝试单击登录按钮时，我得到了同样的错误：

define(['durandal/app', 'durandal/plugins/router', 'services/dataservice'], function (app, router, dataservice) {
   var publicViewModel = function () {
        self.logIn = function () {
            app.setRoot('viewmodels/shell');
            router.navigateTo('#/home');
        };

但内容正确加载。当我通过单击导航到特定页面时，比如说 /folder/2，然后将 url 更改为 /folders/2（无效），我的日志中出现“找不到路由”，正如预期的那样，但我遇到了其他几个问题：

  1. 我没有收到错误页面或任何错误（我认为我应该按照我的 handleInvalidRoute）
  2. 如果我单击其他内容，则 url 不会更改，并且不会加载新内容，再次没有错误。

我想我以某种方式破坏了路由，但我不确定如何。我该如何纠正上述问题？

屏幕：

在此处输入图像描述

4

1 回答 1

1

我怀疑由于某种原因，在您所在的位置调用 navigateTo 可能为时过早。要测试此理论，请尝试移动此代码。

    if (dataservice.isAuthenticated() === true) {
        app.setRoot('viewmodels/shell', 'entrance');
        router.navigateTo('home');
    } else {
        app.setRoot('viewmodels/public');
        router.navigateTo('#/public');
    }

进入您的 publicviewmodel 上的“激活”方法，并在 main.js 中保留以下内容：

app.setRoot('viewmodels/public');

编辑：旧建议

我相信在你的根视图模型上你需要一个路由器属性。因此，修改您的公共视图模型以添加一个：

define(['durandal/app', 'durandal/plugins/router', 'services/dataservice'], function (app, router, dataservice) {
   var publicViewModel = function () {
        self.router = router;
        self.logIn = function () {
            app.setRoot('viewmodels/shell');
            router.navigateTo('#/home');
        };

（你在哪里定义自我？）

于 2013-04-15T02:02:56.353 回答