In this lecture, we will make one small adjustment to our drop down on the manage page.
There's one problem with the drop down.
The value does not persist across page reloads.
For example, if I were to select the second option in the dropdown and refresh the page, the option
does not get saved.
The query parameter remains, but we aren't persisting.
Be selected option.
We can resolve this issue with the Energy Model Directive.
However, that's going to require a lot of changes to our code base.
In my opinion, it's overkill for a what we're trying to do if we were working with a form.
This solution would work great.
However, it's a single drop down that does not get submitted.
Instead of using Angular Engine Model Directive, we are going to bind these select option.
Open the managed template file.
On the first option tag, we will bind these select attributes.
We will add this attribute if the video order property is equal to one.
As a reminder, we're storing the value as a string because it's the default type for values from input
fields.
We will apply the same binding to the second option tag.
This time, we will check if the video order property is equal to two.
That's it.
We're finished.
Let's try testing the app.
If we were to refresh the page, the correct option is selected from the dropdown.
Great, we can move on to other routing features.
I'll see you in the next lecture.