- Aurelia 教程
- Aurelia - 首页
- Aurelia - 概述
- Aurelia - 环境设置
- Aurelia - 第一个应用程序
- Aurelia - 组件
- Aurelia - 组件生命周期
- Aurelia - 自定义元素
- Aurelia - 依赖注入
- Aurelia - 配置
- Aurelia - 插件
- Aurelia - 数据绑定
- Aurelia - 绑定行为
- Aurelia - 转换器
- Aurelia - 事件
- Aurelia - 事件聚合器
- Aurelia - 表单
- Aurelia - HTTP
- Aurelia - 引用
- Aurelia - 路由
- Aurelia - 历史记录
- Aurelia - 动画
- Aurelia - 对话框
- Aurelia - 本地化
- Aurelia - 工具
- Aurelia - 打包
- Aurelia - 调试
- Aurelia - 社区
- Aurelia - 最佳实践
- Aurelia 有用资源
- Aurelia - 快速指南
- Aurelia - 有用资源
- Aurelia - 讨论
Aurelia - 依赖注入
在本章中,你将学习如何使用 Aurelia 依赖注入库。
首先,我们需要在 src 文件夹中创建一个新文件 dependency-test.js。在这个文件中,我们将创建一个简单的类 DependencyTest。这个类稍后将作为依赖项注入。
src/dependency-test.js
export class DependencyTest {
constructor() {
this.test = "Test is succesfull!!!";
}
}
注入
在我们的 app.js 文件中,我们正在导入 inject 库和我们创建的 DependencyTest 类。要注入该类,我们使用 @inject() 函数。我们的 App 类会仅将其记录到开发者控制台。
import {inject} from 'aurelia-framework';
import {DependencyTest} from './dependency-test';
@inject(DependencyTest)
export class App {
constructor(DependencyTest) {
console.log(DependencyTest);
}
}
我们可以查看控制台以查看是否已注入 DependencyTest 类。
将在下一章中列举更多 Aurelia 依赖注入的示例。
广告