Signals/JavaScript/Tasks/1-angular.mjs at main · HowProgrammingWorks/Signals · GitHub

Repository navigation

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

import { signal, computed } from '@angular/core';

// npm install @angular/core --save

// yarn add @angular/core

// Task: rewrite code to use angular `computed` signal

// for calculation purchase total

const electronics = [

{ name: 'Laptop', price: 1500 },

{ name: 'Keyboard', price: 100 },

{ name: 'HDMI cable', price: 10 },

];

const items = signal(electronics);

const total = (items) => {

let result = 0;

for (const item of items) {

result += item.price;

}

return result;

};

console.log(`Total: ${total(items())}`);

console.log(computed);