加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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'))
      );
  }
}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读