#AngularHackDay - Melbourne 2019

1. Enterprise Software Development
Join the Conversation #AngularHackDay #Angular @william_dotnet

2. William Liebenberg [SSW]
Services
&
Dependency Injection
Angular 8
Join the Conversation #AngularHackDay #Angular @william_dotnet

3. @William_DotNet
azuregems.io
/william-liebenberg
SSW Solution Architect
William Liebenberg
Join the Conversation #AngularHackDay #Angular @william_dotnet

4. Services
Demo
Agenda Dependency Injection

5. Services
Encapsulates functionality
Usually concerned with communication
• such as HTTP, JSON, Text, Hardcoded
Removes complexity from components
😎
Join the Conversation #AngularHackDay #Angular @william_dotnet

6. Make a Service
Use the Angular CLI
ng generate service <path>
ng g s <path>
E.g.
ng generate service services/joke
ng g s services/joke
Join the Conversation #AngularHackDay #Angular @william_dotnet

7. Make a Service using the CLI
Join the Conversation #AngularHackDay #Angular @william_dotnet

8. Make a Service using the CLI
Join the Conversation #AngularHackDay #Angular @william_dotnet

9. Is this a Joke?
Join the Conversation #AngularHackDay #Angular @william_dotnet

10. Implementing a service
Join the Conversation #AngularHackDay #Angular @william_dotnet

11. I have a Service… now what?
Join the Conversation #AngularHackDay #Angular @william_dotnet

12. Dependency Injection (DI)
Components Depend on Services
Services are Injected into Components
Constructor Injection
Join the Conversation #AngularHackDay #Angular @william_dotnet

13. Join the Conversation #AngularHackDay #Angular @william_dotnet

14. Consuming a Service
Join the Conversation #AngularHackDay #Angular @william_dotnet

15. Dependency Injection (DI)
Angular built-in DI Framework
• Modularity
• Reusability
• Testability
Join the Conversation #AngularHackDay #Angular @william_dotnet

16. DEMO
Join the Conversation #AngularHackDay #Angular @william_dotnet

17. Thank you!
williamliebenberg@ssw.com.au
www.ssw.com.au
Sydney | Melbourne | Brisbane

18. Questions?
Join the Conversation #AngularHackDay #Angular @william_dotnet