Question

在许多教程中，一些数据（例如待办事项列表）存储在服务中。这是好习惯吗？我是Angular 2的新手，我想学习代码的正确性。

一些代码示例：

@Injectable()
export class JsonRestService {

    jsonObject = {};
    jsonContent = {};

    constructor(private http:Http) {
        this.getXmlInJson()
        .subscribe(
            data => this.startGeneratingHtmlTemplateProcess(data),
            error => console.log(error + " - Błąd pobrania jsona")
        );
    }

    getXmlInJson() {
        let url = "http://localhost:8080/xml";
        return this.http.get(url);
    }

    public convertRestJsonToObject$() {
        this.getXmlInJson()
        .subscribe(
            data =>  this.startGeneratingHtmlTemplateProcess(data.json),
            error => console.log(error + " - Błąd pobrania jsona")
        );
   }

   private startGeneratingHtmlTemplateProcess(data) {
        this.jsonObject = JSON.parse(JSON.parse(JSON.stringify(data))._body);
        this.jsonContent = JSON.parse(JSON.stringify(data._body));
        console.log(this.jsonObject);
        console.log("Json:");
        console.log(this.jsonContent);
   }

   showObjectInConsole() {
       console.log("Wyzwolone prze przycisk: ");
       console.log(this.jsonObject);
   }

}

Answer 1

虽然服务通常用于通过与数据源交互来检索/更新数据，但它们在存储数据时也非常方便。例如，如果您需要检索大量数据，可以将其缓存在服务中：

@Injectable()
export class DataService{

    mydata: Array<string>[];

    constructor(private http:Http){}

    loadData(): Observable<string[]> {
        if (this.mydata){
            return Observable.from(this.mydata);  // return from cache
        } else
        {
            return this.http.get("./assets/LargeDataSet.json")
                .map(res => res.json())
                .do(data => this.mydata = data);
        }
    }
}

在这个例子中，大数据集的检索将在第一次调用loadData（）时发生，而后续调用将快速返回数据而不需要耗费时间的http.get（）。由于服务可以是单例，因此许多组件可以利用服务中缓存的数据。您还可以在单例服务中存储应用程序状态。

Answer 2

良好的做法是使用服务来提供数据。服务是一个带有方法的类，它调用api（或其他）来获取（或发布，放置或删除）数据并将结果返回给组件。

将数据存储在服务角度2中是一种很好的做法

2 个答案: