Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,960 --> 00:00:05,280
We've now got all the data we need to start showing some images underneath our little pages later.
2
00:00:05,350 --> 00:00:07,500
I'm gonna go back over to my template file.
3
00:00:07,560 --> 00:00:09,340
I'm gonna go to the very bottom.
4
00:00:09,420 --> 00:00:14,790
I'm going to place a div down here right outside of that NAV element inside this div I'm going to print
5
00:00:14,790 --> 00:00:21,730
up an H for element it will show the title of the selected image to actually print out the title we
6
00:00:21,730 --> 00:00:24,610
can use that interpolation syntax.
7
00:00:24,820 --> 00:00:28,070
We'll take a look at the images array.
8
00:00:28,290 --> 00:00:33,720
I'm going to look up the index inside there at current page and then I'll print out the title property
9
00:00:35,970 --> 00:00:38,620
and we can do something very similar to get the image to show up as well.
10
00:00:38,690 --> 00:00:40,400
So I'll place an image tag.
11
00:00:40,660 --> 00:00:46,240
I'm going to use the property bindings syntax on the source property inside there.
12
00:00:46,250 --> 00:00:52,600
I'll refer to images at current page and we'll get the URL off there.
13
00:00:52,660 --> 00:00:54,700
I'll close off the image tag.
14
00:00:54,930 --> 00:00:58,180
Let's save this and make sure that we can actually see these images.
15
00:00:58,180 --> 00:00:58,380
Yep.
16
00:00:58,380 --> 00:00:59,010
There we go.
17
00:00:59,010 --> 00:01:00,250
So I've got some snow.
18
00:01:00,450 --> 00:01:02,490
I can go previous to the city.
19
00:01:02,490 --> 00:01:04,770
The forest the beach and so on.
20
00:01:04,770 --> 00:01:09,510
Very good last thing we might want to do as just a quick little fix up here.
21
00:01:09,510 --> 00:01:11,440
I'm gonna go back over to my app component.
22
00:01:11,440 --> 00:01:15,390
I'm gonna change the current page I'll set the default back to 1.
23
00:01:15,420 --> 00:01:16,690
Very good.
24
00:01:16,710 --> 00:01:22,770
Now whenever this loads up gives me current page resume or index my bad would be at current pages 0
25
00:01:23,370 --> 00:01:27,200
0 now and it loads up that page 1 to very at the very start.
26
00:01:27,350 --> 00:01:29,480
We go next and go through okay.
27
00:01:29,700 --> 00:01:30,590
So this looks pretty good.
28
00:01:30,600 --> 00:01:32,270
We've got all the functionality here.
29
00:01:32,350 --> 00:01:35,000
There's still a couple more directives I want to show you.
30
00:01:35,050 --> 00:01:38,210
I also want to show you how we can put our own directives together as well.
31
00:01:38,250 --> 00:01:42,320
The quick pause right here we start to take a look at a couple more directives in just a moment.
2870
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.