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 依赖注入日志

下一章将提供更多 Aurelia 依赖注入的示例。