Aurelia - 依赖注入

  • 简述

    在本章中,您将学习如何使用 Aurelia 依赖注入库。
    首先,我们需要创建新文件dependency-test.js里面src文件夹。在这个文件中,我们将创建一个简单的类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 依赖注入日志
    在接下来的章节中会有更多的 Aurelia 依赖注入的例子。