When we modify the database, we need to be able to display the user records. We can get the data from Firebase as either an object or an array. Using an array means that we can prepare a list of users that leverages what AngularJS can do with arrays.
- [Narrator] The next thing we need to do, of course,…is display the people who have checked in.…But I don't want to do it on this page,…so we can try to prevent people from checking in…more than once, if we can.…Now that means that we're going to need to create…a new route and also a new view.…So, let's go ahead and create the view.…We'll go to the views menu and create a new file.…I'm going to call this checkinslist.html,…this one's going to be pretty simple.…Let's go ahead and make this window bigger.…
And it's going to be a div with a class of…card and check-ins list.…Then, in there, we'll create a headline.…And then a descriptive paragraph.…Then we'll create our list.…So this is going to be a UL,…with some classes for CSS.…And then we can create add list item.…
And this list item is going to use ng-repeat…to iterate through a list of check-ins.…So this will say ng-repeat, check-in in check-ins.…So, we're going to pass to Scope, is going to be check-ins.…And, as it loops through each of those check-ins,…that will go into a variable called check-in,…
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