Angular has a way of modifying text in templates called pipes, they are filters that can be activated in expressions to modify the display of data.
- [Instructor] Pipes are filters that let you change the way…that data is displayed in your templates.…They're pretty easy to use, so let's say that,…for example, I wanted to change this pet name…so that it appeared as uppercase.…I know that I can do that with CSS,…but Angular does offer a set of filters like uppercase…and lowercase that allow you to do that pretty simply.…So if I just put in a pipe, or a vertical sort…of straight line, and then the word uppercase,…then you can see that the text…on the right appears as uppercase.…
Now, that's not particularly useful, but one of the pipes…that are pretty useful are a pipe for managing dates.…There's also a pipe for managing currency,…as well as percentages, but I like the one…that lets you manage dates…because it'll let you change military dates…like this into something a little more readable.…So to do that, let's go ahead and take this one out of here,…and we'll go to this appointment date here,…and add ourselves a pipe.…So that is to the right of my bracket,…
Author
Released
1/11/2019- Building custom Angular projects
- Working with subcomponents
- Adding icons
- Adding search functionality
- Using lifecycle methods
- Managing list data
- Indexing your data
- Updating records
Skill Level Intermediate
Duration
Views
Related Courses
-
Angular Essential Training
with Justin Schwartzenberger2h 48m Intermediate -
Angular 2 Testing and Debugging
with Derek Peruo1h 18m Intermediate -
Learning Angular
with Ray Villalobos1h 40m Intermediate -
Angular: Material Design
with Robby Millsap1h 55m Intermediate
-
Introduction
-
Using the exercise files1m 43s
-
1. Building Custom Angular Projects
-
Understanding a CLI project6m 18s
-
Exploring your src folder5m 52s
-
Adding your own node modules6m 26s
-
Customizing an application6m 16s
-
2. Working with Subcomponents
-
Scaffolding your application8m 14s
-
Adding icons5m 17s
-
Cross-component events7m 49s
-
Filtering dates with pipes2m 12s
-
-
3. Creating More Subcomponents
-
Managing form submission8m 33s
-
4. Managing List Data
-
Creating a modified list3m 12s
-
Sorting your list5m 43s
-
Controlling sorting7m 30s
-
Indexing your data5m 59s
-
-
Conclusion
-
Next steps1m 8s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Filtering dates with pipes