durandal - Durandal 子ルーターがバインドを 1 回だけ更新する

Question

私が作成したルーターは、ナビゲーション モデルを正常に構築しますが、その中でページが読み込まれるたびに更新する必要があるいくつかのバインディングを更新することができませんchildRouter( app.pageTitle、app.pageDescription)。

activateこれらの更新をデュランダルのライフサイクル (イベントのようなもの) にマッピングする方法はありますか?

define([ 'durandal/app', 'plugins/router', 'knockout', 'app' ], function(app, router, ko, app) {

    console.log("content start");

    var childRouter = router.createChildRouter().makeRelative({
        moduleId : 'app/content/pages',
        fromParent : true
    }).map([ {
        route : [ '', 'grid' ],
        moduleId : 'grid/index'
    }, {
        route : 'details/:id',
        moduleId : 'details/index'
    }, {
        route : 'details/tabs/base',
        moduleId : 'details/tabs/base'
    } ]).buildNavigationModel();

    console.log("cms title start");
    app.pageTitle(app.i18n('app:modules.content.title'));
    app.pageDescription(app.i18n('app:modules.content.subtitle'));
    console.log("cms title stop");

    return {
        router : childRouter
    };
});

Answer 1

機能する最も簡単な解決策は、関数を追加activateして返すことです。Durandal は、childRouterナビゲーション モデルからのページが要求されるたびにそれを呼び出します。

define([ 'durandal/app', 'plugins/router', 'knockout', 'app' ], function(app, router, ko, app) {

    console.log("content start");

    var childRouter = router.createChildRouter().makeRelative({
        moduleId : 'app/content/pages',
        fromParent : true
    }).map([ {
        route : [ '', 'grid' ],
        moduleId : 'grid/index'
    }, {
        route : 'details/:id',
        moduleId : 'details/index'
    }, {
        route : 'details/tabs/base',
        moduleId : 'details/tabs/base'
    } ]).buildNavigationModel();

    function activate() {
        console.log("cms title start");
        app.pageTitle(app.i18n('app:modules.content.title'));
        app.pageDescription(app.i18n('app:modules.content.subtitle'));
        console.log("cms title stop");
    }        

    return {
        activate : activate,
        router : childRouter
    };
});