Our controller needs to be able to not just add, but also delete meetings from our database. To do that, we'll create a separate method called deleteMeeting and modify the view.
- [Narrator] In the last video we created…a controller that allows logged in users…to add meetings to our database.…In this video, let's go ahead and show those meetings…in our view, and we'll also add…a button to allow people to delete our meetings.…So I'm going to go to the meetings.html document,…and I'm going to add a little paragraph here.…I think it'll look nicer to just say a message here.…"Type a meeting name and hit +" here.…
And you can see that it just gives it…a little title over here,…and then the next thing we need to do…is go ahead and add a list of meetings.…Now, to do that I'm going to create…a new element here, and I'm going to…call it card, so I've got a special class here…called card that gives you sort of this separation here,…and it looks really nice…even when the page is kind of long,…so I'm going to add a new card down here for my meetings.…Let's go ahead and make this a lot wider…so we have the full room here.…
So we'll create a div with a class of card.meetings.cf.…So this, like the other one, the h2 will say…
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