Join Ray Villalobos for an in-depth discussion in this video Using more complex data, part of Learn AngularJS 2: The Basics.
- View Offline
- [Voiceover] So far we've been using a simple untype…data structure to hold our information.…That might be okay for a simple example,…but let's go ahead and take a look…at how our application would change…if we were using a more complex data structure,…as well as some ECMA Script 6 and typescript classes.…So, what I want to do is define our data…that's right now just an array of names…as an array of objects,…and I could do that by just modifying this,…but technically I should be creating a structure…for the data that I'm going to be using inside the array.…
Right up here I'm gonna add something called an interface.…An interface is sort of like a class…that doesn't have any methods,…sort of a simpler version of a class.…So this will be an interface,…and we're gonna give it a name,…we'll call this Artist.…So each Artist is going to be defined as having a name,…that's gonna be a string.…Something called a shortname, that's just a shorter version…of the name without any special characters,…and then also a reknown, sort of a description…
In these tutorials, Ray Villalobos shows you how to start using AngularJS 2 in your own projects. He starts by defining what exactly Angular 2 is and how it differs from AngularJS 1. Then, once the basics are out of the way, he sets up the template that will drive the project and starts coding. Ray shows how to divide your project into modules, work with events, style content with CSS, and create components and subcomponents. Plus, find out how to change content dynamically using data pipes.
The template is included as a free download for all members.
- What is AngularJS 2?
- Setting up our template
- Creating a simple component
- Using multiple modules
- Displaying data in our templates
- Working with events
- Creating a subcomponent
- Filtering content through data pipes