feat: first commit

Author: dpinalopez

apps/angular/pipe-intermediate/src/app/app.component.ts

@@ -1,15 +1,19 @@
 import { NgFor } from '@angular/common';
 import { Component } from '@angular/core';
+import { wrapFnPipe } from './pipes/wrapFn.pipe';
 
 @Component({
  standalone: true,
- imports: [NgFor],
+ imports: [NgFor, wrapFnPipe],
  selector: 'app-root',
  template: `
  <div *ngFor="let person of persons; let index = index; let isFirst = first">
  {{ showName(person.name, index) }}
  {{ isAllowed(person.age, isFirst) }}
  </div>
+ <div *ngFor="let person of persons; let index = index; let isFirst = first">
+ {{ person.name | wrapFn: index : person.age : isFirst }}
+ </div>
  `,
 })
 export class AppComponent {

apps/angular/pipe-intermediate/src/app/pipes/wrapFn.pipe.ts

@@ -0,0 +1,16 @@
+import { Pipe, type PipeTransform } from '@angular/core';
+
+@Pipe({
+ name: 'wrapFn',
+ standalone: true,
+})
+export class wrapFnPipe implements PipeTransform {
+ transform(
+ name: string,
+ index: number,
+ age: number,
+ isFirst: boolean,
+ ): string {
+ return `${name} - ${index} ${isFirst ? 'always allowed' : age > 25 ? 'allowed' : 'declined'}`;
+ }
+}