Join Ray Villalobos for an in-depth discussion in this video Using events to track meetings, part of AngularJS 1: Building a Data-Driven App (2015).
- When working with Firebase, it's important to understand…that sometimes, we have to wait until some…database action takes place.…So let's take a look at how we can leverage…some of these events to make our application…a little bit better.…We'll add a meeting count to our menu.…So right now our menu doesn't have anything…as long as we're logged in, if you are seeing…Login and Register here, just log out and log back in.…They should disappear.…And what I want to do is modify my navigation,…so I'm going to need to open that up.…
That file is right here.…And add another list item.…But this list item is only going to be displayed…when the information about the meetings…is received from Firebase.…We're going to need to track that event.…So I'll start off by just creating a list item,…just like I did for the other ones, and then…creating an anchor tag.…This will have an ng-href and it's going to go…to our route called "#/meetings".…And then in here I want to make sure…that this only shows up, so it will say ng-show,…
Although it's easy to learn, AngularJS can be hard to master. With these project-based lessons, you'll learn how the framework works in the real world, and see how data-driven programming can help your apps react to real-time data streams.
- Creating a new view
- Adding, showing, and deleting database records
- Using events to track meetings
- Adding a form to the app
- Creating methods
- Controlling views with classes