Angular Dart中的嵌套路线
发布时间:2020-12-17 17:52:59 所属栏目:安全 来源:网络整理
导读:我有一个路由方案,其中#/ articles指向articles.html视图,#/ articles / features指向featured.html.不过,我不知道如何声明这个嵌套的写作.如果我按如下方式配置我的路由,#/ articles和#/ articles / features都会导致articles.html(因为两个路径都匹配r’^
我有一个路由方案,其中#/ articles指向articles.html视图,#/ articles / features指向featured.html.不过,我不知道如何声明这个嵌套的写作.如果我按如下方式配置我的路由,#/ articles和#/ articles / features都会导致articles.html(因为两个路径都匹配r’^ articles’).
library my_router; import 'package:angular/angular.dart'; class MyRouteInitializer implements RouteInitializer { init(Router router,ViewFactory view) { router.root ..addRoute( name: 'articles',path: '/articles',enter: view('views/articles.html'),mount: (Route route) => route ..addRoute( name: 'featured',path: '/featured',enter: view('views/featured.html')) ); } } 如果我省略了enter:view(‘views / articles.html’)行,#/ articles / featured路由正确路由到featured.html,但是没有路由到articles.html. 解决方法
当您定义嵌套视图时,预计它们将由嵌套的ng视图呈现,但它看起来并不像您真正想要的那样.使用扁平结构的解决方法可能没问题.或者你可以这样做:
class MyRouteInitializer implements RouteInitializer { init(Router router,mount: (Route route) => route ..addRoute( name: 'all',path: '/all',default: true,enter: view('views/articles.html') ..addRoute( name: 'featured',enter: view('views/featured.html')) ); } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |