- Aurelia教程
- Aurelia - 主页
- Aurelia - 概述
- Aurelia - 环境设置
- Aurelia - 第一次应用
- Aurelia - 组件
- Aurelia - 组件生命周期
- Aurelia - 自定义元素
- Aurelia - 依赖注入
- Aurelia - 配置
- Aurelia - 插件
- Aurelia - 数据绑定
- Aurelia - 绑定Behave
- 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文件中,我们导入上面创建的注入库和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 依赖注入的示例。