Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying DART Essentials
  • Table Of Contents Toc
  • Feedback & Rating feedback
DART Essentials

DART Essentials

By : Sikora
4.8 (4)
close
close
DART Essentials

DART Essentials

4.8 (4)
By: Sikora

Overview of this book

This book is targeted at expert programmers in JavaScript who want to learn Dart quickly. Some previous experience with OOP programming in other languages and a good knowledge of JavaScript are assumed.
Table of Contents (11 chapters)
close
close
Free Chapter
1
1. Getting Started with Dart
In Progress | 0 / 6 sections completed | 0%
3
3. The Power of HTML5 with Dart
In Progress | 0 / 5 sections completed | 0%
10
Index
In Progress | 0 / 1 sections completed | 0%

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...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY