Aurelia-dependency-injections

提供:Dev Guides
移動先:案内検索

アウレリア-依存性注入

この章では、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 Dependency Injection Log

次の章では、Aurelia依存性注入の例をさらに示します。