javascript - Crossroads.js - 路线选择

Question

有人可以帮我配置路由规则吗？我遇到了路由可选参数约束的问题。

应该为/{region}/{category}/{title}/:page: url pattern 调用名为“offerRegionCategoryTitle”的路由 - 这可以正常工作，

但是当我尝试调用/{region}/{category}/:page: url (etc./pomorskie/programowanie/1) 然后 'offerRegionCategoryTitle' 路由被处理。

我认为问题出在路由规则配置中。有人可以帮帮我吗？

源代码:应用路由:http://jsfiddle.net/kppfP/

Answer 1

问题是两条路由本质上都匹配“相同”的字符串。您有 3 个动态分割({region}/{category}/:page: 或 {region}/{category}/{title})并且没有足够的信息路由器区分两者。如果 :page: 始终是数字而 {title} 不是，您可以添加更多规则以确保它不会匹配错误的路由:

var catRoute = crossroads.addRoute('/{region}/{category}/:page:');
catRoute.rules = {
  page : /^\d+$/ // should be numeric
};

var titleRoute = crossroads.addRoute('/{region}/{category}/{title}/:page:');
titleRoute.rules = {
  title : function(val){
     return isNaN(val); // title can't be numeric (should contain at least one char)
  },
  page : /^\d+$/ // should be numeric
};

参见 documentation about Route.rules和 examples page了解更多信息。