Question

我正在尝试创建一个模拟服务，如下所示。我的服务就像

    import { Injectable } from '@angular/core';
    import { URLSearchParams } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import { Config } from '../../shared/config/env.config';
import { HttpBaseService } from '../../shared/http-base/http-base.service';
import { ResponseModel } from '../../shared/models/index';
import { InventoryIntake } from './inventoryintake';

@Injectable()
export class InventoryIntakeService {
    list:InventoryIntake[];
    constructor(private http: HttpBaseService) { }

    get(): Observable<ResponseModel<InventoryIntake[]>> {
        this.list=[{
            supplier_name:"atami",
            metric_reference:"55665589",
            date_received:new Date("10-5-2017"),
            date_transferred:new Date("15-5-2017")
        },
        {
            supplier_name:"green bits",
            metric_reference:"4555589",
            date_received:new Date("10-5-2017"),
            date_transferred:new Date("15-5-2017")
        }]
        let response = new ResponseModel<InventoryIntake[]>();
        response.data = this.list;
        console.log("called")
        return Observable.create(response);
    }
}

从我正在调用的组件

    import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { URLSearchParams } from '@angular/http';
import { HttpBaseService } from '../../shared/http-base/http-base.service';
import {InventoryIntakeService} from './inventoryintake.service';
import {InventoryIntake} from './inventoryintake'
@Component({
    moduleId: module.id,
    selector: 'inventory-report',
    templateUrl: './inventoryintake.component.html',
    providers: [ HttpBaseService,InventoryIntakeService]
})

export class InventoryIntakeComponent implements OnInit {
   inventoryintake_list: InventoryIntake[] = [];
    constructor(
        private route: ActivatedRoute, private router: Router,private InventoryIntakeService:InventoryIntakeService) {
    }

    getIntakeList(): void {
        this.InventoryIntakeService.get()
          .subscribe((inventoryintake_list) => {
            this.inventoryintake_list = inventoryintake_list.data;
            console.log(this.inventoryintake_list);
        })
    }

    ngOnInit(): void {
       this.getIntakeList();
    }
}
}

当我这样做的时候我收到错误说.subscribe不是一个功能。我该如何解决这个问题？

如何创建返回类型为observable的模拟服务？问题在于可观察的create方法吗？

Answer 1

不要直接在get()课程上调用方法InventoryIntakeService。在构造函数中创建服务实例。

constructor(private inventoryIntakeService: InventoryIntakeService) {}

getIntakeList(): void {
    this.inventoryIntakeService.get()
        .subscribe(inventoryintake_list => {
            this.inventoryintake_list = inventoryintake_list.data;
            console.log(this.inventoryintake_list);
        },
    );
}

Answer 2

我必须从

导入observable

 import { Observable } from 'rxjs/rx';

而不是

import { Observable } from 'rxjs/Observable';

然后我必须使用

 observable.of(response)

这解决了我的问题。

Answer 3

作为参数，

Observable.create期望在观察者订阅observable时调用的函数。请尝试使用Observable.of，并将其传递给response。

订阅方法不适用于observable？

3 个答案: