[英]Debug Angular Dart routing
我使用Angular Dart的头几天很愉快...
...除了路由之外,路由继续给我带来麻烦。 我想要的是:
/product
向我显示产品列表 /
作为/ product的别名(即/ product是默认视图) /product/:id
以查看/编辑单个产品 我会确切地告诉您问题出在哪里,除了它似乎总是在变化。 有时我的观点根本无法载入; 现在,即使在/product/1128
上,我也只获得产品列表。 我已按照本教程中的说明启用了日志记录, /product/1128
的控制台输出为:
listen ignoreClick=false
route path=/product/1128 startingFrom=null forceReload=false
listen on win
newHandle for [Route: null]
对于初学者来说,了解那些控制台消息的含义将很有帮助。 他们对像我这样的新手不是很有帮助。
非常感谢您的帮助!
供您参考,这是我的代码(为了方便您观看而并置了多个文件):
void main() {
Logger.root.level = Level.ALL;
Logger.root.onRecord.listen((LogRecord r) { print(r.message); });
print('main'); // my own quick-n-dirty debugging
applicationFactory()
.addModule(new ProductModule())
.run();
}
class ProductModule extends Module {
ProductModule() {
print('ProductModule'); // more debugging
bind(RouteInitializerFn, toValue: routeInitializer);
bind(NgRoutingUsePushState, toValue: new NgRoutingUsePushState.value(false));
bind(ProductList);
bind(ProductEdit);
}
}
void routeInitializer(Router router, RouteViewFactory views) {
print('routeInitializer');
views.configure({
'index': ngRoute(
path: '',
view: 'view/product/list.html',
mount: {
'product': ngRoute(
path: '/product',
view: 'view/product/list.html',
mount: {
'product_edit': ngRoute(
path: '/:id',
view: 'view/product/edit.html'),
}),
})
});
}
我在路由方面做得并不多,但也许有些提示可能会对您有所帮助。
应该有一个defaultRoute: true
选项。
完全不要添加''
路由,将product
和product_edit
为product
设置了default:true
选项的顶级路由。
void routeInitializer(Router router, RouteViewFactory views) {
print('routeInitializer');
views.configure({
'product': ngRoute(
path: '/product',
defaultRoute: true,
view: 'view/product/list.html'),
mount: {
'product_edit': ngRoute(
path: '/:id',
view: 'view/product/edit.html'),
}
});
}
未测试...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.