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

refactor(pipe-easy): update component & comments

Browse Source
This commit is contained in:
Sven Brodny
2024-02-16 09:08:20 +01:00
parent dcf80b54db
commit 2f18c6dcde
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,15 +7,16 @@ 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">
{{ heavyComputation(person, index) }} {{ numberedPerson(person, index) }}
</div> </div>
`, `,
}) })
export class AppComponent { export class AppComponent {
persons = ['toto', 'jack']; // TODO: untyped array?
persons = ['toto', 'jack', 'samuel', 'steve'];
heavyComputation(name: string, index: number) { // TODO: very heavy computation, replace this function with a pipe
// very heavy computation numberedPerson(name: string, index: number) {
return `${name} - ${index}`; return `${index + 1}. ${name}`;
} }
} }