アウレリアの角度サービス？

Question

私は、Angular 1.xからAureliaに移行する方法を詳述したまともな文書をまだ見つけていません。これまでのところ、角度directiveの概念が、@customElementを使用してAureliaでどのように再作成できるかを詳しく説明してきました。さて、十分に簡単です。しかし、これらの例は常に、常にちょうどデータを模倣する。前記

は、角度サービスは、任意のコントローラ/命令/サービスに注入することができるシングルトンであり、典型的には、サーバからのデータの取り込みを可能にする（すなわちPersonService、OrdersService）。

しかし、これらは、Aureliaでモデル化されたdata servicesはどうですか？すべてが単なるクラスですか？それはseems like itです。

基本的に、サービスからデータを効果的に取り出して@customElementに提供するコードサンプルの一部は、hello-worldです。 HTTPコールはどこに行きますか？ HTTPコールをどうやって作るのですか？角度使用$http、Aureliaはどうですか？

EDIT：

ここでは簡単な角度サービスです。 Aureliaでこれをどのように攻撃しますか？

app.service('SomeDataService', function() { 
    return { 
     getMyData: function (options) { 
      return $.ajax(options); 
     } 
    } 
}); 

Answer 1

Yep-無地ES6/ES7クラス。データサービスにはフレームワーク侵入はありません。

私-データservice.js

import {HttpClient} from 'aurelia-http-client'; // or 'aurelia-fetch-client' if you want to use fetch 
import {inject} from 'aurelia-framework'; 

@inject(HttpClient) 
export class MyDataService { 
    constructor(http) { 
    this.http = http; 
    } 

    getMyData() { 
    return this.http.get(someUrl); 
    } 
} 

空想-カスタムelement.js

import {MyDataService} from './my-data-service'; 
import {inject} from 'aurelia-framework'; 

@inject(MyDataService) // aurelia's dependency injection container will inject the same MyDataService instance into each instance of FancyCustomElement 
export class FancyCustomElement { 
    data = null; 

    constructor(dataService) { 
    this.dataService = dataService; 
    } 

    // perhaps a button click is bound to this method: 
    loadTheData() { 
    this.dataService.getMyData() 
     .then(data => this.data = data); 
    } 
}