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 依賴注入的示例。