javascript - 我如何在 CanJS 中实现路由器

Question

我正在寻求 https://github.com/thinkadoo/Projects 的帮助应用。我在这个的帮助下构建了一个类似的应用程序。我的应用程序使用的是 d3 图表，而不是它使用的图表。我的应用程序将路由器初始化为

  var patientStatus = new PatientStatus('#application', {'credentials':Credentials,'secret':Secret});

现在如果我想实现 Router 那么应该做哪些改变？这是我的两个实现的 JSFiddle。第一个正在工作。但是后面我初始化路由器的部分似乎不起作用。 http://jsfiddle.net/sweety1112/YMAjm/

谁能帮帮我。

Answer 1

这是一个 updated Fiddle这显示了路由是如何工作的:

  var Router = can.Control({
    defaults: {}
  }, {
    init: function() {
      // this.element.html(can.view('#index', {}));
    },

    ':type/:id route': function(data) {
        console.log('Type:', data.type);
        console.log('Id:', data.id);
    }
  });

  can.route.ready(false);
  new Router('#content');
  can.route.ready(true);

基本上，您要做的是初始化命名占位符并告诉 Controller 这应该由 route 处理器处理。现在，如果您转到类似 #!test/23 的 URL，处理程序的数据将包含 type 和 id 属性。