Book Image

DART Essentials

Book Image

DART Essentials

Overview of this book

Table of Contents (16 chapters)
Dart Essentials
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Extending the to-do list


We can keep index.html as is and start by adding routing to our main.dart file:

// web/main.dart
moduleRouteInitializer(Router router, RouteViewFactory views) {
  views.configure({
    // This route will be displayed even when no path is set.
    'add': ngRoute(
        defaultRoute: true,
        path: '/add',
        view: 'view/add.html'),
    // Detail of a task identified by its id.
    'detail': ngRoute(
        path: '/detail/:taskId',
        view: 'view/detail.html'),
  });
}

class MyAppModule extends Module {
  MyAppModule() {
    bind(TodoListComponent);
    bind(TodoDetailComponent);
    // Initialize routes.
    bind(RouteInitializerFn, toValue: moduleRouteInitializer);
    // Turn on listening to Window.onHashChange event.
    bind(NgRoutingUsePushState,
        toValue: new NgRoutingUsePushState.value(false));
  }
}

In this case, route paths are paths after the hash sign in your URL. That's, for example, index.html#/add or index.html#/detail/3. However...