From the course: Angular: Progressive Web Apps

Unlock the full course today

Join today to access over 24,700 courses taught by industry experts.

Creating components: Coffee

Creating components: Coffee - Angular Tutorial

From the course: Angular: Progressive Web Apps

Start my 1-month free trial Buy for my team

Creating components: Coffee

“

- [Instructor] Now that we have our list component ready, it's time to work with the other component, with the other page, our coffee component. But first we need to actually get there. Remember, the coffee component is going to be useful to create a new coffee or to see the details of one particular coffee. So within the list.component.html, after the card that we are repeating, I'm going to add a link, and this link, let's create an ID for it. It can be like buttonCreate. It's going to create a new coffee. I'm going to use an icon, so mat-icon, and I'm going to use the icon add, that is just a plus sign as we can see here. And this link is going to have a routerLink going to coffee. But we know, yeah, I don't like that link, right? It doesn't look nice. So I'm going to decorate my anchor, my HTML anchor, with an Angular material component that it's F-A-B, it's floating action button. We don't need to import that in…

Contents