From the course: Angular: Building an Interface

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Modifying drop-down display

Modifying drop-down display - Angular Tutorial

From the course: Angular: Building an Interface

Start my 1-month free trial

Modifying drop-down display

- [Instructor] Next up, let's work on getting these drop downs to visually update, depending on the value of the variables that we just created in add components. So we wanted to track this orderBy and orderType. Now to do that, we're going to go sort of backwards from this component into the component that has this search right here. So, we already have these variables created, but in the add_component.html, we need to pass them along to our search component. So right here, we're going to just say, use the orderBy variable and pass it along to the sub component and do the same thing for the orderType variables. Just pass it along into the sub component and let's go ahead and make this bigger. So now that we have them in the sub component, we need to capture it into the search component. So what we need to do here is set this up as an input and just like we output the events, we're going to input a couple of items here. So this is going to setup this input decorator here and bring the…

Contents