{"id":1525,"date":"2023-09-27T05:00:00","date_gmt":"2023-09-27T12:00:00","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=1525"},"modified":"2023-09-21T14:44:31","modified_gmt":"2023-09-21T21:44:31","slug":"5-useful-pipes-from-ngx-pipes","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/5-useful-pipes-from-ngx-pipes\/","title":{"rendered":"5 useful pipes from ngx-pipes"},"content":{"rendered":"\n

ngx-pipes<\/a> is a library with over 80 different pipes to choose from. Here is a list of 5 of my favorites:<\/p>\n\n\n\n

timeAgo<\/a><\/strong>: An excellent alternative to Moment for duration formatting, which means turning a date\/time into: “a few seconds ago” or “last week,” for instance.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

ucFirst<\/a><\/strong>: Uses an uppercase letter for the first word in a sentence, unlike Angular’s uppercase<\/code> pipe<\/a>, which returns the entire string in uppercase.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

filterBy<\/a><\/strong>: Filters an array of objects based on your criteria.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n
\n
\"\"<\/figure>\n<\/div>\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

orderBy<\/strong><\/a>: The name says it all\u2014orders items in an array based on a given property.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

percentage<\/a><\/strong>: An excellent complement to the percent pipe. You can use the percentage pipe to compute the percentage value and then the percent pipe to format that value in any way you want.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

You can find the complete<\/a> list of pipes from ngx-pipes here. Note that those pipes are not standalone yet, but there’s a pull request to make that happen<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

ngx-pipes is a library with over 80 different pipes to choose from. Here is a list of 5 of my favorites: timeAgo: An excellent alternative to Moment for duration formatting, which means turning a date\/time into: “a few seconds ago” or “last week,” for instance. ucFirst: Uses an uppercase letter for the first word in […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,14],"tags":[],"class_list":["post-1525","post","type-post","status-publish","format-standard","hentry","category-angular","category-pipes"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/comments?post=1525"}],"version-history":[{"count":2,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1525\/revisions"}],"predecessor-version":[{"id":1534,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1525\/revisions\/1534"}],"wp:attachment":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/media?parent=1525"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/categories?post=1525"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/tags?post=1525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}