Question

我正在使用AngularDart，我正在尝试设置一条路线，以便在用户点击/user/1到/user时收到通知。

当我从/user -> /user/1出发时，我只收到打印消息，但/user/1 -> /user时没有。我原本希望得到“显示用户列表”消息，但输入事件不会触发

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

当您从users转到/user/1时，您的/user路线基本上仍然有效。

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

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

后退按钮不使用分层路由

1 个答案: