父路由器激活功能每次导航到其子路由时都会运行?

时间:2014-12-29 15:41:22

标签: javascript durandal

这可能是代码结构的问题,而不是关于框架的问题。

基本上我想知道每次导航到其中一个子路由时是否应该调用父路由器上的activate函数?

我的目标: 有一个返回子路由器的模块,这是父路由器。如果用户正在添加新内容,则该父路由器负责创建对象,或者如果用户选择已存在的内容,则从服务器检索数据。子路径模块只是通过父路由器模块获取创建或检索的对象,并提供表单输入来操作该对象(通过ko数据绑定)。我遇到的问题是父路由器的激活功能在每次导航子路由时被调用,这是创建/检索逻辑所在的位置并导致再次检索对象,导致任何数据操作被覆盖。

以下是一些希望更好地说明的代码:

// ParentRouter
define([...], function(...) {
    var selectedObj = ko.observable(null),
        configRouter = router.createChildRouter()
            .makeRelative({
               moduleId: 'viewmodels',
               fromParent: true,
               dynamicHash: ':id'
            }).map([
                {
                    route: ['Settings 1', ''],
                    moduleId: 'SettingsOne',
                    nav: true
                },
                {
                    route: 'Settings 2',
                    moduleId: 'SettingsTwo',
                    nav: true
                },
                {
                    route: 'Settings 3',
                    moduleId: 'SettingsThree',
                    nav: true
                }
            ]).buildNavigationModel();

    function getSelectedObj() {
        return selectedObj;
    }

    return {
        router: configRouter,

        obj: selectedObj, // privileged property which is accessed by other modules via the getSelectedObj method, this prop gets set in the activate function depending on the param
        getSelectedObj: getSelectedObj, // method which returns the current selected obj

        activate: function (objId) {

            if (objId == 'New') {

                 // create a new object with default props

            } else {

                // retrieve the data for the selected obj from API via the 'objId' param

            }

        }
    }
});



// SettingsOne module - child route module

define(['viewmodels/parentRouter'], function(parentRouter) {

    // this module simply gets a property from the parent routers module and binds it to form inputs in its View (which update automatically) so the user can edit information on that obj


    var obj = parentRouter.getSelectedObj(); // get the current selected obj via parent routers module method

    return {
        obj: obj
    }
});


Below is the shell module of my app, showing the main application router. 
// Shell.js
define([
    'plugins/router'
], function (router) {
    var routes = [
            {
                route: '',
                moduleId: 'viewmodels/home'
            },
            {
                route: ':id*configs',
                moduleId: 'viewmodels/parentRouter'
            }
        ];

    return {
        router: router,
        activate: function () {
            return router.map(routes)
                    .mapUnknownRoutes('viewmodels/notfound', 'not-found')
                    .activate();
        }
    }
});

2 个答案:

答案 0 :(得分:0)

我认为在激活孩子之前每次激活父母都没有错。如果您不希望retreval重新出现,请将其设置为有条件,例如:

define(function (require) {
    var
        $ = require('jquery'),
        Q = require('q'),

        activate = function () {
            return load();
        },

        loadPromise = null,

        load = function () {
            return loadPromise || (loadPromise = Q($.get('/my/api'))
                    .then(function (data) {
                        //use data;
                    }));
        };

        return {
           activate: activate
        }
});

答案 1 :(得分:0)

我正面临类似的问题,我不希望我的父vm再次激活它。从durandal Doc的声音来看,这应该得到支持:

From Module Reuse heading here

  

如果模块有与之关联的子路由器。该实例将被保留。

那说我自己还没有能够让自己开始工作,但我认为这是针对你的问题。似乎Durandal确实试图支持这种功能,但是我们都缺少一些细微差别。如果我弄清楚,我会在这里更新。