我正在努力实施 named routes
,所以我不必写整个路径(经常更改)。
我以为我可以逃避编写一个服务,该服务将返回已定义路由的列表以及将对象转换为路径的过滤器
使用示例如下所示:
<a ng-href="{id:1}|route:'detail'">Click here!</a>
如果我在路由定义中添加了名称:'detail',则会产生以下结果:
<a href="#/detail/1/">Click here!</a>
我认为这很简单,但是:
如何获取已定义路线的列表?
我以为我可以利用 routeProvider
,但AFAIK它没有我可以访问的公共方法或属性。
事实证明这很简单:
http://plunker.co/edit/GNZxcvK4hfQ9LrlSvasK?p=preview
Components.filter('url', function ($route) {
function resolveRoute(options, route) {
var parts = route.split('/');
for (var i = 0; i < parts.length; i++) {
var part = parts[i];
if (part[0] === ':') {
parts[i] = options[part.replace(':', '')];
if (parts[i] == undefined) throw Error('Attribute \'' + part + '\' was not given for route \'' + route + '\'')
}
}
return parts.join('/');
}
return function (options, routeName) {
var routes = [];
angular.forEach($route.routes,function (config,route) {
if(config.name===routeName){
routes.push(route);
}
});
if (routes.length == 1) {
return resolveRoute(options, routes[0]);
}
else if (routes.length == 0) {
throw Error('Route ' + routeName + ' not found');
}
throw Error('Multiple routes matching ' + routeName + ' were found');
}
});