Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:01,380 --> 00:00:01,760
All right.
2
00:00:01,770 --> 00:00:04,700
In this video we're going to take a look at this last pipe down here.
3
00:00:04,710 --> 00:00:09,630
Let's first add a property onto our class just as we did a moment ago in an event handler to handle
4
00:00:09,630 --> 00:00:10,770
this amount.
5
00:00:10,770 --> 00:00:13,400
Input back inside my Ed..
6
00:00:13,400 --> 00:00:15,470
I'll find my app component class.
7
00:00:15,590 --> 00:00:21,170
I'm going to add in an amount that's going to be a number as opposed to a string for the other two.
8
00:00:21,370 --> 00:00:23,590
I'll then put together a event handler for this.
9
00:00:23,600 --> 00:00:25,940
So on amount change
10
00:00:29,260 --> 00:00:32,260
I'll receive some value that's going to be a string.
11
00:00:32,290 --> 00:00:37,300
It's gonna be a string because anytime we get an input event on input elements are always going to pull
12
00:00:37,300 --> 00:00:42,970
that value out as a string even if it looks like we entered a number to you and I we're going to update
13
00:00:42,970 --> 00:00:45,020
the value of this dot amount.
14
00:00:45,100 --> 00:00:52,240
We'll make sure that we attempt to pass a float out of there like so that looks good.
15
00:00:52,240 --> 00:00:54,710
Let's now go and update our template.
16
00:00:54,970 --> 00:00:59,710
Back inside my template once again I'm going to zoom out for a second here and I'm going to find this
17
00:00:59,710 --> 00:01:06,440
entire big section that says Glass row one side of class row I should have a date with class or group
18
00:01:06,630 --> 00:01:08,500
in a class with column.
19
00:01:08,630 --> 00:01:12,170
I'll then copy that section and then pasted down below
20
00:01:14,980 --> 00:01:19,570
and then once again I'm going to update a couple of labels and whatnot over the first label.
21
00:01:19,630 --> 00:01:23,210
I'll change that to payment amount.
22
00:01:23,360 --> 00:01:30,700
I'm going to remove the type of date of that input I'll update the event handler name to on amount change
23
00:01:33,120 --> 00:01:41,010
on the day with class column I'll update the label to payment mount I'll update the property name that
24
00:01:41,010 --> 00:01:42,680
we are referencing to amount.
25
00:01:42,690 --> 00:01:45,930
And then finally I'm going to delete that existing pipe OKAY.
26
00:01:46,010 --> 00:01:49,650
SO I'LL SAVE THIS I'LL PUT BACK OVER THERE WE GO.
27
00:01:49,730 --> 00:01:53,000
Now I can enter and say 10 and see that printout on the screen.
28
00:01:53,150 --> 00:01:57,440
But again we want to print out something that is really nicely formatted but if I enter in something
29
00:01:57,440 --> 00:02:02,930
like 10 or 20 I want to see some kind of currency sign and also some decimals on there list to make
30
00:02:02,930 --> 00:02:08,660
sure it's really clear to the user the exact amount that they are going to be paying via our form.
31
00:02:08,720 --> 00:02:13,390
Well once again we need to make use of a built in angular height.
32
00:02:13,400 --> 00:02:15,800
Let's take another look at this pipe list.
33
00:02:15,800 --> 00:02:16,900
And on here you'll see.
34
00:02:16,910 --> 00:02:19,690
Sure enough fancy pipe.
35
00:02:19,710 --> 00:02:24,180
Let's take a look at that to make use of the currency pipe once again.
36
00:02:24,210 --> 00:02:28,890
Same exact syntax we're gonna write out our value then the pipe symbol and then just the word currency
37
00:02:28,920 --> 00:02:31,860
by itself very similar to the date pipe.
38
00:02:31,890 --> 00:02:37,020
We can provide a variety of different arguments to customize how this thing actually gets printed out
39
00:02:37,650 --> 00:02:42,720
but let's just try to print out the currency pipe for right now by itself and see what we get by default
40
00:02:43,880 --> 00:02:46,430
back inside my template right after amount done here at the bottom.
41
00:02:46,460 --> 00:02:54,170
I'll put in the pipe and write out currency and I'll save that look back over and I'll put in my payment
42
00:02:54,170 --> 00:03:00,400
amount and by default I get U.S. dollars I get US dollars formatted in a very particular fashion.
43
00:03:01,600 --> 00:03:02,970
Well so it looks good.
44
00:03:02,970 --> 00:03:07,470
Now once again if you see something different if you see something for your particular currency based
45
00:03:07,470 --> 00:03:11,160
on your location it's coming from your browser settings.
46
00:03:11,160 --> 00:03:16,350
Regardless it's really important for us to understand how to change the currency or on here.
47
00:03:16,350 --> 00:03:21,870
Let's take a quick pause right here and then more closely examine some of the different currency or
48
00:03:21,900 --> 00:03:23,830
arguments we can provide to the currency pipe.
5050
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.