typescript – Angular2 Observable.forkJoin的可观察变量 – ReferenceError:Observable未定义

我想请你帮忙.我省略了我认为不重要的代码.让我们想象包含服务调用的TS文件

// file:someService.ts

@Injectable()
export class SomeService {
     method1(){
         var observable = this.http.get(someUrl)
                          .map((res: Response) =><MyClass[]>res.json());
         return observable;
     }

     method2(){
         // Similar to method1
     }
}

// file:someComponent.ts

请注意,this.method1observable和method2observable可以从父(root)组件正确分配,其类型为Observable.

import {Observable}     from 'rxjs/Observable';

export class SomeClass {
    public m1: Observable<MyClass[]>;
    public m2: Observable<AnotherClass[]>

    ngOnInit() {
        Observable.forkJoin(this.m1,this.m2) //<- ERROR HERE
        .subscribe(data => {
            this.myFunction(data[0],data[1]);
            requestAnimationFrame(this.renderLoop);
        });
    }
}

我得到“未捕获ReferenceError:Observable未定义”.
你不知道我做错了什么吗?我看到一些示例,其中Observable.forkJoin在服务中被调用.但是如果我想在组件中调用它呢?

您可以尝试以这种方式导入:
import {Observable} from 'rxjs/Rx';

代替:

import {Observable} from 'rxjs/Observable';

您还应该使用一个数组来为forkJoin方法提供可观察值:

ngOnInit() {
        Observable.forkJoin([this.m1,this.m2])
        .subscribe(data => {
            this.myFunction(data[0],data[1]);
            requestAnimationFrame(this.renderLoop);
        });
    }

并且不要忘记在@Component中指定输入:

@Component({
    inputs: ['m1','m2']
})

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...