1
00:00:00,120 --> 00:00:05,670
In this lecture, we will make one small adjustment to our drop down on the manage page.

2
00:00:05,970 --> 00:00:07,890
There's one problem with the drop down.

3
00:00:08,189 --> 00:00:11,460
The value does not persist across page reloads.

4
00:00:11,730 --> 00:00:18,600
For example, if I were to select the second option in the dropdown and refresh the page, the option

5
00:00:18,600 --> 00:00:19,950
does not get saved.

6
00:00:20,280 --> 00:00:23,740
The query parameter remains, but we aren't persisting.

7
00:00:23,740 --> 00:00:25,080
Be selected option.

8
00:00:25,680 --> 00:00:29,340
We can resolve this issue with the Energy Model Directive.

9
00:00:29,550 --> 00:00:33,720
However, that's going to require a lot of changes to our code base.

10
00:00:33,990 --> 00:00:39,480
In my opinion, it's overkill for a what we're trying to do if we were working with a form.

11
00:00:39,630 --> 00:00:41,430
This solution would work great.

12
00:00:41,730 --> 00:00:45,390
However, it's a single drop down that does not get submitted.

13
00:00:45,960 --> 00:00:51,660
Instead of using Angular Engine Model Directive, we are going to bind these select option.

14
00:00:51,930 --> 00:00:54,000
Open the managed template file.

15
00:00:56,490 --> 00:01:00,600
On the first option tag, we will bind these select attributes.

16
00:01:03,120 --> 00:01:07,740
We will add this attribute if the video order property is equal to one.

17
00:01:10,290 --> 00:01:16,590
As a reminder, we're storing the value as a string because it's the default type for values from input

18
00:01:16,590 --> 00:01:17,220
fields.

19
00:01:17,460 --> 00:01:20,880
We will apply the same binding to the second option tag.

20
00:01:23,370 --> 00:01:28,020
This time, we will check if the video order property is equal to two.

21
00:01:30,510 --> 00:01:31,080
That's it.

22
00:01:31,260 --> 00:01:32,010
We're finished.

23
00:01:32,130 --> 00:01:33,840
Let's try testing the app.

24
00:01:36,320 --> 00:01:41,350
If we were to refresh the page, the correct option is selected from the dropdown.

25
00:01:41,730 --> 00:01:44,840
Great, we can move on to other routing features.

26
00:01:45,020 --> 00:01:47,210
I'll see you in the next lecture.