AngularDart is the Dart version of Angular, a client-side structural framework for creating dynamic web applications. With Angular, you can concentrate on your application’s logic, and not on DOM manipulation. Use HTML as the template language, extending HTML with custom elements and attributes to accommodate the needs of your application.
In this one-hour code lab, you'll create an AngularDart web app that generates a pirate badge. (If you've already completed the first Dart code lab, this app should be familiar, but the code is completely different.)
Important: AngularDart is in beta, and its API is subject to change. Before AngularDart's 1.0 release, we expect to fix these bugs (and more).
This code lab has the following sections:
- Step 0: Set up
- Step 1: Run the app, and view its code
- Step 2: Add an input field
- Step 3: Add a button and controller
- Step 4: Create a custom component
- Step 5: Use a class as a model
- Step 6: Read from a JSON-encoded file
- Step 7: Use a service to get data
- Step 8: Use a filter to modify data
- Step 9 (DRAFT): Run the app as JavaScript
This code lab is based on the Dart code lab Avast, Ye Pirates: Write a Web App.
The creators of the AngularDart code lab include:
- +Alexandre Ardhuin
- +Guillaume Girou, Dart Evangelist @Sfeir
- +Mathieu Breton, @Xebia
- +Nicolas Fran\cois, Dart Evangelist @Sfeir
Thanks to the +DartlangFr team.