Join Ray Villalobos for an in-depth discussion in this video Searching and deleting check-ins, part of AngularJS 1: Building a Data-Driven App.
- View Offline
- So, our Check-ins page is looking pretty good,…but I think it's time to improve the functionality…of this application.…Now, I'd like to be able to delete users…just in case somebody tries to check-in more than once.…I'd also like to be able to search through the users.…I've added a number of users here.…So you can see that when the list gets a little long,…it's sort of hard to find out whether or not…somebody has checked in.…So, let's go ahead and fix both of those.…I'm going to start by going to the check-ins list page…and adding myself a delete button right here.…
So, I'm going to do that here,…right in the individual checkin.…So, I'm going to add a buttons section…for each one of the different users.…And in buttons, I'm going to make sure…that this shows only…if there is a current user available.…So, we don't really want to show the buttons…that allow people to delete a user,…unless this is a registered user.…So, we'll do an ng-show here…and show that only for current users.…
So then, in here, we can start putting our buttons.…
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