vcgit-forge/angular-challenges
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-challenges.git synced 2026-02-10 12:53:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

revert: pipe challenge changes

Browse Source
This commit is contained in:
Sven Brodny
2024-02-16 14:33:51 +01:00
parent 2f18c6dcde
commit bf45d4bb0f
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/angular/pipe-easy/src/app/app.component.ts
View File

@@ -7,16 +7,15 @@ import { Component } from '@angular/core';
selector: 'app-root', selector: 'app-root',
template: ` template: `
<div *ngFor="let person of persons; let index = index"> <div *ngFor="let person of persons; let index = index">
{{ numberedPerson(person, index) }} {{ heavyComputation(person, index) }}
</div> </div>
`, `,
}) })
export class AppComponent { export class AppComponent {
// TODO: untyped array?
persons = ['toto', 'jack', 'samuel', 'steve']; persons = ['toto', 'jack', 'samuel', 'steve'];
// TODO: very heavy computation, replace this function with a pipe // TODO: very heavy computation
numberedPerson(name: string, index: number) { heavyComputation(name: string, index: number) {
return `${index + 1}. ${name}`; return `${name} - ${index}`;
} }
} }