diff --git a/apps/angular/pipe-easy/src/app/app.component.ts b/apps/angular/pipe-easy/src/app/app.component.ts
index 3c19fa1..73fef04 100644
--- a/apps/angular/pipe-easy/src/app/app.component.ts
+++ b/apps/angular/pipe-easy/src/app/app.component.ts
@@ -7,15 +7,16 @@ import { Component } from '@angular/core';
selector: 'app-root',
template: `
- {{ heavyComputation(person, index) }}
+ {{ numberedPerson(person, index) }}
`,
})
export class AppComponent {
- persons = ['toto', 'jack'];
+ // TODO: untyped array?
+ persons = ['toto', 'jack', 'samuel', 'steve'];
- heavyComputation(name: string, index: number) {
- // very heavy computation
- return `${name} - ${index}`;
+ // TODO: very heavy computation, replace this function with a pipe
+ numberedPerson(name: string, index: number) {
+ return `${index + 1}. ${name}`;
}
}