Aurelia Tutorial
Aurelia Useful Resources
Selected Reading
- Aurelia - Best Practices
- Aurelia - Community
- Aurelia - Debugging
- Aurelia - Bundling
- Aurelia - Tools
- Aurelia - Localization
- Aurelia - Dialog
- Aurelia - Animations
- Aurelia - History
- Aurelia - Routing
- Aurelia - Refs
- Aurelia - HTTP
- Aurelia - Forms
- Aurelia - Event Aggregator
- Aurelia - Events
- Aurelia - Converters
- Aurelia - Binding Behavior
- Aurelia - Data Binding
- Aurelia - Plugins
- Aurelia - Configuration
- Aurelia - Dependency Injections
- Aurelia - Custom Elements
- Aurelia - Component Lifecycle
- Aurelia - Components
- Aurelia - First Application
- Aurelia - Environment Setup
- Aurelia - Overview
- Aurelia - Home
Aurelia Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Aurelia - Dependency Injections
Aurepa - Dependency Injections
In this chapter, you will learn how to use Aurepa dependency injection pbrary.
First, we need to create new file dependency-test.js inside src folder. In this file, we will create a simple class DependencyTest. This class will be later injected as a dependency.
src/dependency-test.js
export class DependencyTest { constructor() { this.test = "Test is succesfull!!!"; } }
Inject
In our app.js file, we are importing inject pbrary and DependencyTest class that we created above. To inject the class we are using @inject() function. Our App class will just log it to the developer console.
import {inject} from aurepa-framework ; import {DependencyTest} from ./dependency-test ; @inject(DependencyTest) export class App { constructor(DependencyTest) { console.log(DependencyTest); } }
We can check the console to see that the DependencyTest class is injected.
![Aurepa Dependency Injection Log](/aurepa/images/aurepa-dependency-injection-log.jpg)
There will more examples of Aurepa dependency injection in the next chapters.
Advertisements