如何实用forkJoin Observables？

Question

我有一个如下所示的组件，

@Component({
    'selector': 'my-app',
    'template': `

    <!--processed data from the constructor-->
        <ul>
            <li *ngFor="let stuff of item"> {{stuff}}</li>
        </ul>


    <button (click)="getMoreDetail()">Get More Detail</button>

`
})
export class AppComponent{
    public item;

    constructor(private _service:SampleService){
        this.getDetail();
    }

    public getDetail(){
        Observable.forkJoin(
            this._service.getStuff1()
        ).subscribe(
            res => {
                this.item = res[0];
            },
            null,
            () => {
            }
        );
    }

    public getMoreDetail(){
    //    i want to join  this._service.getStuff2() to the 
    //    Observable.forkJoin on this.getDetail with this method.
    }
}

基本上，当加载组件时，某些数据会加载getDetail方法，该方法首先在页面上呈现。当用户点击 get more details 按钮时，我想将服务电话（ this._service.getStuff2() ）加入观察点。

我怎样才能做到这一点？

如果不可能，我怎样才能用更少的资源处理这种情况。

该组件是虚拟组件，省略了提供程序。

感谢。