From 21dbbea8178d86efa13dc07f01b0ad23ae308d7f Mon Sep 17 00:00:00 2001
From: Hung Pham <truonghungit@gmail.com>
Date: Fri, 17 Apr 2026 04:56:23 +0700
Subject: [PATCH] feat(challenge 9): add wrapFunction pipe for optimized
 function calls in templates

---
 .../src/app/app.component.ts                     | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/apps/angular/9-wrap-function-pipe/src/app/app.component.ts b/apps/angular/9-wrap-function-pipe/src/app/app.component.ts
index af8b6ff73..ba34206ad 100644
--- a/apps/angular/9-wrap-function-pipe/src/app/app.component.ts
+++ b/apps/angular/9-wrap-function-pipe/src/app/app.component.ts
@@ -1,11 +1,21 @@
-import { Component } from '@angular/core';
+import { Component, Pipe, PipeTransform } from '@angular/core';
 
+@Pipe({
+  name: 'wrapFunction',
+  pure: true,
+})
+export class WrapFunctionPipe implements PipeTransform {
+  transform<R>(fn: (...args: unknown[]) => R, ...args: unknown[]): R | null {
+    return fn(...args);
+  }
+}
 @Component({
   selector: 'app-root',
+  imports: [WrapFunctionPipe],
   template: `
     @for (person of persons; track person.name) {
-      {{ showName(person.name, $index) }}
-      {{ isAllowed(person.age, $first) }}
+      {{ showName | wrapFunction: person.name : $index }}
+      {{ isAllowed | wrapFunction: person.age : $first }}
     }
   `,
 })