Join Ray Villalobos for an in-depth discussion in this video Adding a form to check in users, part of AngularJS 1: Building a Data-Driven App.
- Since the purpose of this application is to…allow users to check into meetings,…we need to go ahead and build the…form that will let them do just that.…So, let's go ahead and go the register.html view,…and you can see that what we need is something…almost exactly like this, except that instead of…registering people we want to go ahead and…just check them in, so we're not going to…need this password field right here.…So let's go ahead and just grab all this code,…I'm going to copy it to the clipboard,…and I'll make a new file right here,…and save it as checkins.html.…
And then I'll go ahead and paste that information,…and I'm going to have to modify some of…these a little bit, of course.…Instead of a method that says register,…I'm going to need to send this to a method called…addCheckin, that method doesn't exist yet,…so we'll work with that later.…I'm going to change the class to card…and then checkins, then, of course,…instead of saying Register, it's going to…say Check-in, and I'll change this paragraph a bit here.…
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