JonCatmull · January 12, 2024 16:09 · Mar 13, 2017 · Mar 13, 2017 · Mar 13, 2017 · Mar 13, 2017
diff --git a/ordinal.pipe.ts b/ordinal.pipe.ts
@@ -3,7 +3,7 @@ import { Pipe, PipeTransform } from '@angular/core';
 const ordinals: string[] = ['th','st','nd','rd'];
 
 /*
- * Turn Date into realtive date (e.g. 5 days ago)
+ * Append ordinal to number (e.g. "1st" position)
  * Usage:
  *   value | ordinal:keepNumber
  * Example:

diff --git a/ordinal.pipe.ts b/ordinal.pipe.ts
@@ -17,7 +17,7 @@ const ordinals: string[] = ['th','st','nd','rd'];
 export class OrdinalPipe implements PipeTransform {
 
     transform(n: number, keepNumber: boolean = true) {
-        var v = n % 100;
+        let v = n % 100;
         return (keepNumber?n:'') + (ordinals[(v-20)%10]||ordinals[v]||ordinals[0]);
     }
 }
diff --git a/ordinal.pipe.ts b/ordinal.pipe.ts
@@ -1,6 +1,6 @@
 import { Pipe, PipeTransform } from '@angular/core';
 
-const ordinals: string[] = ["th","st","nd","rd"];
+const ordinals: string[] = ['th','st','nd','rd'];
 
 /*
  * Turn Date into realtive date (e.g. 5 days ago)

diff --git a/ordinal.pipe.ts b/ordinal.pipe.ts
@@ -0,0 +1,23 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+const ordinals: string[] = ["th","st","nd","rd"];
+
+/*
+ * Turn Date into realtive date (e.g. 5 days ago)
+ * Usage:
+ *   value | ordinal:keepNumber
+ * Example:
+ *   {{ 23 |  ordinal}}
+ *   formats to: '23rd'
+ * Example:
+ *   {{ 23 |  ordinal:false}}
+ *   formats to: 'rd'
+*/
+@Pipe({name: 'ordinal'})
+export class OrdinalPipe implements PipeTransform {
+
+    transform(n: number, keepNumber: boolean = true) {
+        var v = n % 100;
+        return (keepNumber?n:'') + (ordinals[(v-20)%10]||ordinals[v]||ordinals[0]);
+    }
+}