Backbone.js 路由器路由不区分大小写

Question

有谁知道如何使主干路由不区分大小写？

IE http://localhost/Products http://localhost/products

都会触发产品路由

routes: {
    "products": "products"
},

---

更新

基于 mu 的答案太短了，这里是完整的路由器。感谢您的帮助

MainRouter = Backbone.Router.extend({
    routes: {
        "": "home",
        "products": "products"
    },

    initialize: function () {
        Backbone.history.start({ pushState: true });
    },

    home: function () {
        // just show the products!!
        this.products();
    },

    products: function () {

        // wire up the view.
        var ps = new ProductsView({ el: '#products', collection: myCollection });
        ps.render();

        // fetch the collection!!
        myCollection.fetch();
    },

    _routeToRegExp: function (route) {
        route = route.replace(this.escapeRegExp, "\\$&")
               .replace(this.namedParam, "([^\/]*)")
               .replace(this.splatParam, "(.*?)");

        return new RegExp('^' + route + '$', 'i'); // Just add the 'i'
    }
});

Answer 1

Backbone.Router 的 optamd3 版本似乎没有 escapeRegExp、namedParam 和 splatParam this 中的 常量。此外，完全替换某个功能将来更有可能出现故障。

我通过调用重写的函数并使用它的 RegExp 解决了这个问题：

var Router = Backbone.Router.extend({

  _routeToRegExp: function(route) {
    route = Backbone.Router.prototype._routeToRegExp.call(this, route);
    return new RegExp(route.source, 'i'); // Just add the 'i'
  },

  ...

});

Answer 2

您可以使用 Backbone.Router.route()，它将接受字符串或 RegExp 对象形式的路由：

Backbone.Router.route(/products/i, ...

或者您可以在 Backbone.Router 中替换此私有方法，同时子类化< /em> Backbone.Router.extend()，谢谢 Crescent Fresh）：

_routeToRegExp : function(route) {
  route = route.replace(escapeRegExp, "\\
amp;")
               .replace(namedParam, "([^\/]*)")
               .replace(splatParam, "(.*?)");
  return new RegExp('^' + route + '
 （通过 这个（您还必须复制/扩展 escapeRegExp namedParam 和 splatParam 正则表达式）
_routeToRegExp : function(route) {
  route = route.replace(/[-[\]{}()+?.,\\^$|#\s]/g, "\\
amp;")
               .replace(/:\w+/g, "([^\/]*)")
               .replace(/\*\w+/g, "(.*?)");
  return new RegExp('^' + route + '
 ： routes 对象使用 Backbone.Router.route() 添加到路由表中，并使用 _routeToRegExp 将它们转换为正则表达式。
以下是 _routeToRegExp 方法的演示：http://jsfiddle.net/ambigously/ MDSC5/
);
}

 （通过 这个（您还必须复制/扩展 escapeRegExp namedParam 和 splatParam 正则表达式）

 ： routes 对象使用 Backbone.Router.route() 添加到路由表中，并使用 _routeToRegExp 将它们转换为正则表达式。
以下是 _routeToRegExp 方法的演示：http://jsfiddle.net/ambigously/ MDSC5/
, 'i'); // Just add the 'i'
}

： routes 对象使用 Backbone.Router.route() 添加到路由表中，并使用 _routeToRegExp 将它们转换为正则表达式。

以下是 _routeToRegExp 方法的演示：http://jsfiddle.net/ambigously/ MDSC5/

); }

（通过 这个（您还必须复制/扩展 escapeRegExp namedParam 和 splatParam 正则表达式）

： routes 对象使用 Backbone.Router.route() 添加到路由表中，并使用 _routeToRegExp 将它们转换为正则表达式。

以下是 _routeToRegExp 方法的演示：http://jsfiddle.net/ambigously/ MDSC5/