Skip to content

Commit 315f71b

Browse files
committed
💬 feat: adicionou exemplo de código no readme
1 parent d272a54 commit 315f71b

File tree

1 file changed

+36
-0
lines changed

1 file changed

+36
-0
lines changed

README.md

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,42 @@ This project was generated with [Angular CLI](https://github.com/angular/angular
99

1010
<p>Para criar um serviço é necessário criar uma classe c/ a extensão '.service.ts'. Dentro desta classe você pode construir o seu código. Os serviços em Angular, podem e devem ser usados nos componentes, mas não é uma boa prática instanciar a classe do serviço manualmente sempre que for utilizá-lo.</p>
1111

12+
```javascript
13+
export class AccountService {
14+
15+
accounts = [
16+
{
17+
name: 'Master Account',
18+
status: 'active'
19+
},
20+
{
21+
name: 'Testaccount',
22+
status: 'inactive'
23+
},
24+
{
25+
name: 'Hidden Account',
26+
status: 'unknown'
27+
}
28+
];
29+
30+
constructor(private logging: LoggingService) {
31+
32+
}
33+
34+
updateStatus = new EventEmitter<string>();
35+
36+
onAccountAdded(name: string, status: string) {
37+
this.accounts.push({name: name, status: status});
38+
this.logging.changeStatus(status)
39+
}
40+
41+
onStatusChanged(id: number, newStatus: string) {
42+
this.accounts[id].status = newStatus;
43+
this.logging.changeStatus(newStatus)
44+
}
45+
}
46+
```
47+
1248
<p> Para isso, o Angular tem uma ótima ferramenta que dá acesso aos serviços sem precisar instanciar a classe manualmente, o injetor de dependencias. A injetor de dependencias funciona de maneira hierárquica, ou seja, de cima para baixo. O nível mais alto em que um serviço pode ser injetado é no app.module.ts</p>
1349

1450
```javascript

0 commit comments

Comments
 (0)