dart - 后退按钮不适用于分层路由

Question

我正在使用 AngularDart，我正在尝试设置一条路线，以便当用户从 /user/1 单击返回到 /user 时，我可以得到通知。

当我从 /user ->/user/1 时，我只得到打印消息，但当我从 /user/1 ->/user 时，什么也没有。我本以为会收到“显示用户列表”消息，但没有触发 enter 事件

class RouterExample {

  void call(Router router, ViewFactory views) {
    views.configure({
        'users': ngRoute(
            path: '/user',
            enter: (_) {
              print('Show list of users');
            },
            leave: (_) {
              print('Hide list of users');
            },
            mount: {
                'view' : ngRoute(
                    path: '/:id',
                    enter: (_) {
                      print('Show a user');
                    },
                    leave: (_) {
                      print('Hide user');
                    }
                )
            }
        )
    });
  }
}

Answer 1

基本上，当您从 /user/1 到 /user 时，您的 users 路由仍然活跃。

要根据需要处理列表，您应该定义另一个挂载条目:

class RouterExample {
  void call(Router router, ViewFactory views) {
    views.configure({
      'users': ngRoute(
        path: '/user',
        mount: {
          'view' : ngRoute(
            path: '/:id',
            enter: (_) => print('Show a user'),
            leave: (_) => print('Hide user')
          ),
          'list': ngRoute(
            path: '',
            enter: (_) => print('Show list of users'),
            leave: (_) => print('Hide list of users')
          )
        }
      )
    });
  }
}