Built-in pipes in Angular
Angular interview exercise on Pipes & directives, difficulty 1 of 3. Solve it in the editor beside a worked example; the tests run the moment you do.
Write the template of InvoiceComponent with pipes: the customer in <span class="customer"> in title case, the date in <span class="issued"> as "Oct 8, 2026" (the format "MMM d, y"), the total in <span class="total"> as euros ("€1,234.50") and the tax rate in <span class="tax"> as a percentage ("19%"). Remember the imports.
Each exercise pairs a worked example with a twin problem to solve in a real editor; the tests run the moment you do. Progress is saved in your browser, and in your account if you sign in.