Как получить данные с помощью Http.get из моего проекта?

Question

я получил TS-файл, который содержит некоторые пользователь:

Quickstart-тревоги/приложение/макет/user.mock.ts:

import {User} from "../user"; 

export const USERS:User[]=[ 
    new User(....); 
]; 

serice - Быстрый старт-тревоги/приложение/услуги/пользователь. service.ts:

import { Injectable } from '@angular/core'; 
import {Observable} from "rxjs/Observable" 
import 'rxjs/add/operator/map'; 
import 'rxjs/add/observable/fromPromise'; 
import 'rxjs/add/operator/toPromise'; 
import {Http} from "@angular/http"; 
import {User} from "../user"; 

@Injectable() 
export class UserService { 

    constructor(private http:Http){} 

    public loadUsers():Observable<User[]>{ 
    return this.http.get('../mock/user.mock.ts') 
     .map(res=>res.json()); 
    } 
} 

Я знаю, что это еще не сработает и его нет, я получаю сообщение об ошибке 404, которые говорят, что он не может найти .../имитировали/user.mock.ts.

Как это сделать?

Answer 1

Вы можете загрузить файл в формате JSON вместо как он будет поступать из API:

/data.json

[ 
    { 
     "id": 1234, 
     "name": "...", 
     ... 
    }, 
    ... 
] 

, и вы можете загрузить его следующим образом:

public loadUsers(): Observable<User[]>{ 
    return this.http.get('data.json') 
    .map(res => res.json()); 
} 

---

Вы также можете создать Observable с нуля, как это:

public loadUsers(): Observable<User[]> { 
    return Observable.create((observer) => { 
     observer.onNext(USERS); 
     observer.onCompleted(); 
    }); 
} 

Answer 2

Использование Promise.resolve вместо HTTP GET

public loadUsers():Observable<User[]>{ 
    return Promise.resolve([ new User(....);]); 
    }