javascript - 嵌套路由主干

Question

我正在尝试使用 Backbonejs 实现嵌套路由，如下所示:

var Router = Backbone.Router.extend({
    routes: {
         '(/)': 'root',
         '/a/:id: 'loadA,
         '/a/:id/:secondId: 'loadA'
    }
})

我面临的问题是“/a/:id”正在向服务器发出请求，并且我不想在转到/a/:id/:secondId 时执行另一个请求，但使用相同的页面/ View /模型并仅更改 subview 。

此外，我想跟踪历史记录，当返回到之前的状态时，它似乎会触发“初始化”。

有什么想法吗？

Answer 1

你必须自己管理状态。我这样做

var Router = Backbone.Router.extend({
    routes: {
         '(/)': 'root',
         '/a/:id: 'loadA,
         '/a/:id/:secondId: 'loadA'
    }
})

//root
function() {
   loadRootOnce(function() {
       //done, loads only once
   })
}

//loadA
function() {
   loadRootOnce(function() {
       loadAOnce(function() {

       });
   })
}

等等。最佳实践也是使用 Promise 并最终将它们链接起来

像$.when(bootstrap()).then(...)