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.)
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
This code lab is based on the Dart code lab Avast, Ye Pirates: Write a Web App.
Thanks to the +DartlangFr team.