Aurelia - Tiêm phụ thuộc

Trong chương này, bạn sẽ học cách sử dụng thư viện tiêm phụ thuộc Aurelia.

Đầu tiên, chúng ta cần tạo tệp mới dependency-test.js phía trong srcthư mục. Trong tệp này, chúng tôi sẽ tạo một lớp đơn giảnDependencyTest. Lớp này sau đó sẽ được tiêm dưới dạng phụ thuộc.

src / dependency-test.js

export class DependencyTest {
   constructor() {
      this.test = "Test is succesfull!!!";
   }
}

Tiêm

Trong của chúng tôi app.js tệp, chúng tôi đang nhập inject thư viện và DependencyTestlớp mà chúng tôi đã tạo ở trên. Để đưa vào lớp chúng tôi đang sử dụng@inject()chức năng. Của chúng tôiApp lớp sẽ chỉ ghi nó vào bảng điều khiển dành cho nhà phát triển.

import {inject} from 'aurelia-framework';
import {DependencyTest} from './dependency-test';

@inject(DependencyTest)

export class App {
   constructor(DependencyTest) {
      console.log(DependencyTest);
   }
}

Chúng tôi có thể kiểm tra bảng điều khiển để thấy rằng DependencyTest lớp được tiêm.

Sẽ có nhiều ví dụ hơn về tiêm phụ thuộc Aurelia trong các chương tiếp theo.