Join Ray Villalobos for an in-depth discussion in this video Using multiple modules, part of Learn AngularJS 2: The Basics.
- View Offline
- [Voiceover] In the last video, we set up our first…component and bootstrapped our application.…In a more complex project,…you may want to bootstrap more than…one application so they can handle…different parts of your page.…Each one of these applications would get their…own private information.…So let's go ahead and split our application into…a Boot Module and an App Module.…Now this is also going to show you how one module…can Export and another one can Import information.…So I'm going to create a new file in my typescript folder…and I'm going to call this app.component.ts.…
This component is going to generate our AppComponent,…so I'm going to need that information from the boot.ts file.…So I'm going to bring in import angular2/core from here…as well as our component.…Let's go ahead and paste it here and grab all of this…and delete that from this one.…So let's go back into AppComponent and paste…all this information.…
And I'm going to go ahead and save this one.…Now we'll switch to our BootstrapComponent…and we haven't saved this one yet so our app…
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