Once the data is retrieved as an array, it's easy to be able to use AngularJS models combine with the views to do complex searches that let us display the data sorted in ascending or descending order.
- [Instructor] Adding search is really easy to do…with angularJS, the framework's data binding…makes it easy to modify our display…depending on what's happening with your models.…So, let's take a look at how that works with Firebase.…Now, the first thing we're going to need to do…is to add a search box to this Check-ins page.…So, let's go to the checkinslist.html…and right after this paragraph right here,…I'm going to add a new div and it's…going to have a class of search and also cf,…cf is just really a clearfix and that is a trick…to make sure that your layout is working properly.…
So in here, we're going to type in a headline,…it's going to say "Search Checkins,"…and then we'll create an input field…and it's going to be of type text,…and what we'll do here is create a model for this…with ng-model and we're going to call this query.…We'll also put a placeholder in here…just so that it looks nice.…All right, let's go ahead and save this and if we look…at our page, we should now have this little search box.…
Now to make this work is actually super easy with angularJS,…
Learn how to create forms, edit database records, create methods, randomize record selections, and style and secure your app. With these project-based lessons, you'll learn how to see how data-driven programming with AngularJS can help your apps react to real-time data streams.
- Customizing an Angular template
- Adding forms to create meetings and check in users
- Adding, showing, and deleting database records
- Using events to track meetings
- Adding a form to the app
- Creating methods
- Randomizing prizes
- Creating conditional styles
- Managing app permissions