angel_route 3.1.0+1

  • Readme
  • Changelog
  • Example
  • Installing
  • 90

angel_route #

Pub build status

A powerful, isomorphic routing library for Dart.

This API is a huge improvement over the original Angel routing system, and thus deserves to be its own individual project.

angel_route exposes a routing system that takes the shape of a tree. This tree structure can be easily navigated, in a fashion somewhat similar to a filesystem. The Router API is a very straightforward interface that allows for your code to take a shape similar to the route tree. Users of Laravel and Express will be very happy.

angel_route does not require the use of Angel, and has minimal dependencies. Thus, it can be used in any application, regardless of framework. This includes Web apps, Flutter apps, CLI apps, and smaller servers which do not need all the features of the Angel framework.

Contents #

Examples #

Routing #

If you use Angel, every Angel instance is a Router in itself.

main() {
  final router = Router();
  router.get('/users', () {});'/users/:id/timeline', (String id) {});
  router.get('/square_root/:id([0-9]+)', (n) { 
    return { 'result': pow(int.parse(n), 0.5) };
  // You can also have parameters auto-parsed.
  // Supports int, double, and num.
  router.get('/square_root/int:id([0-9]+)', (int n) { 
      return { 'result': pow(n, 0.5) };
    });'/show/:id', (router) {
    router.get('/reviews', (id) {
      return someQuery(id).reviews;
    // Optionally restrict params to a RegExp
    router.get('/reviews/:reviewId([A-Za-z0-9_]+)', (id, reviewId) {
      return someQuery(id).reviews.firstWhere(
        (r) => == reviewId);
  }, middleware: [put, middleware, here]);

  // Grouping can also take async callbacks.
  await router.groupAsync('/hello', (router) async {
    var name = await getNameFromFileSystem();
    router.get(name, (req, res) => '...');

The default Router does not give any notification of routes being changed, because there is no inherent stream of URL's for it to listen to. This is good, because a server needs a lot of flexibility with which to handle requests.

Hierarchy #

main() {
  final router = Router();
    .get('/hello', () {
    });'/user/:id', (router) {
    router.get('/balance', (id) async {
      final user = await someQuery(id);
      return user.balance;

See the tests for good examples.

In the Browser #

Supports both hashed routes and pushState. The BrowserRouter interface exposes a Stream<RoutingResult> onRoute, which can be listened to for changes. It will fire null whenever no route is matched.

angel_route will also automatically intercept <a> elements and redirect them to your routes.

To prevent this for a given anchor, do any of the following:

  • Do not provide an href
  • Provide a download or target attribute on the element
  • Set rel="external"

Route State #

main() {
  final router = BrowserRouter();
  // ..
  router.onRoute.listen((route) {
    if (route == null)
      throw 404;
    else route.state['foo'] = 'bar';

  router.listen(); // Start listening

For applications where you need to access a chain of handlers, consider using onResolve instead. You can see an example in web/shared/basic.dart.

Route Parameters #

Routes can have parameters, as seen in the above examples. Use allParams in a RoutingResult to get them as a nice Map:

var router = Router();
router.get('/book/:id/authors', () => ...);

var result = router.resolve('/book/foo/authors');
var params = result.allParams; // {'id': 'foo'};

3.1.0+1 #

  • Accidentally hit CTRL-C while uploading 3.1.0; this version ensures everything is ok.

3.1.0 #

  • Add Router.groupAsync

3.0.6 #

  • Remove static default values for middleware.

3.0.5 #

  • Add MiddlewarePipelineIterator.

3.0.4 #

  • Add RouteResult class, which allows segments (i.e. wildcard) to modify the tail.
  • Add more wildcard tests.

3.0.3 #

  • Support trailing text after parameters with custom Regexes.

3.0.2 #

  • Support leading and trailing text for both :parameters and *

3.0.1 #

  • Make the callback in generically-typed.

3.0.0 #

  • Make Router and Route single-parameter generic.
  • Remove package:browser dependency.
  • BrowserRouter.on now only accepts a String.
  • MiddlewarePipeline.routingResults now accepts an Iterable<RoutingResult>, instead of just a List.
  • Removed deprecated, as well as Router.registerMiddleware.
  • Completely removed Route.requestMiddleware.

2.0.7 #

  • Minor strong mode updates to work with stricter Dart 2.

2.0.5 #

  • Patch to work with combinator@1.0.0.


import 'dart:math';

import 'package:angel_route/angel_route.dart';

main() {
  final router = Router();

  router.get('/whois/~:user', () {});

  router.get('/wild*', () {});

  router.get('/ordinal/int:n([0-9]+)st', () {});


  router.get('/users', () {});'/users/:id/timeline', (String id) {});

  router.get('/square_root/:id([0-9]+)', (String n) {
    return {'result': pow(int.parse(n), 0.5)};

  // You can also have parameters auto-parsed.
  // Supports int, double, and num.
  router.get('/square_root/int:id([0-9]+)', (int n) {
    return {'result': pow(n, 0.5)};
  });'/show/:id', (router) {
    router.get('/reviews', (id) {
      return someQuery(id).reviews;

    // Optionally restrict params to a RegExp
    router.get('/reviews/:reviewId([A-Za-z0-9_]+)', (id, reviewId) {
      return someQuery(id).reviews.firstWhere((r) => == reviewId);

SomeQuery someQuery(id) => SomeQuery();

class SomeQuery {
  List<SomeQueryReview> get reviews => [

class SomeQueryReview {
  final String id;


Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  angel_route: ^3.1.0+1

2. Install it

You can install packages from the command line:

with pub:

$ pub get

with Flutter:

$ flutter pub get

Alternatively, your editor might support pub get or flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:angel_route/angel_route.dart';
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
Learn more about scoring.

We analyzed this package on Mar 31, 2020, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.7.1
  • pana: 0.13.6


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.0.0-dev <3.0.0
combinator ^1.0.0 1.1.0
meta ^1.0.0 1.1.8
path ^1.0.0 1.6.4
string_scanner ^1.0.0 1.0.5
Transitive dependencies
charcode 1.1.3
code_buffer 1.0.1
collection 1.14.12
matcher 0.12.6
quiver 2.1.3
source_span 1.7.0
stack_trace 1.9.3
term_glyph 1.1.0
tuple 1.0.3
Dev dependencies
build_runner ^0.10.0
build_web_compilers ^0.4.0
http >=0.11.3 <0.12.0
pedantic ^1.0.0
test ^1.0.0