- Aurelia Tutorial
- Aurelia - Home
- Aurelia - Overview
- Aurelia - Environment Setup
- Aurelia - First Application
- Aurelia - Components
- Aurelia - Component Lifecycle
- Aurelia - Custom Elements
- Aurelia - Dependency Injections
- Aurelia - Configuration
- Aurelia - Plugins
- Aurelia - Data Binding
- Aurelia - Binding Behavior
- Aurelia - Converters
- Aurelia - Events
- Aurelia - Event Aggregator
- Aurelia - Forms
- Aurelia - HTTP
- Aurelia - Refs
- Aurelia - Routing
- Aurelia - History
- Aurelia - Animations
- Aurelia - Dialog
- Aurelia - Localization
- Aurelia - Tools
- Aurelia - Bundling
- Aurelia - Debugging
- Aurelia - Community
- Aurelia - Best Practices
- Aurelia Useful Resources
- Aurelia - Quick Guide
- Aurelia - Useful Resources
- Aurelia - Discussion
Aurelia - Dependency Injections
In this chapter, you will learn how to use Aurelia dependency injection library.
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 library 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 'aurelia-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.
There will more examples of Aurelia dependency injection in the next chapters.
Advertisements
To Continue Learning Please Login
Login with Google