Угловые 2 исполняющие наблюдаемые в серии

Question

У меня есть следующий метод:

getProject(name) { 
    this.ProjectName = name; 
    //Friendly URL to ID --> FIRST OBSERVABLE 
    this.af.database.object('/friendly_urls/' + name).take(1).share().map((data) => { 
    //ID to data --> SECOND OBSERVABLE 
    this.af.database.object('/Project/' + data.$value).take(1).map((ProjectData) => { 
     console.log("Received Project data"); 
     this.ProjectData = ProjectData; 
    }); 
    }, 
    error => { 
    console.log(error); 
    /* TODO: Permission blocked page */ 
    this.router.navigate(['']); 
    }); 
} 
} 

У меня есть 2 наблюдаемыми: Первый наблюдаемым, который выполняется первым, и второй - который выполняется сразу же после него.

Я попытался понять, как использовать this в моем случае и не мог понять это.

Как я могу выполнять эти наблюдаемые в серии без видимых внутри наблюдаемых?

Answer 1

Использование switchMap принимать значение от первого наблюдаемого и использовать его в качестве затравки к второму наблюдению. Во-первых вы настроите (сочинить) поток:

projectData$ = this.af.database.object('/friendly_urls/'+name).share().switchMap(
    data => this.af.database.object('/Project/'+data.$value) 
).take(1); 

Затем, когда вы хотите, чтобы вытащить данные, просто subscribe:

projectData$.subscribe(
    projectData => this.ProjectData = projectData, 
    error => console.log(error); 
) 

More about switchMap

Answer 2

Вы должны использовать статический оператор concat, который подписывается на первый наблюдаемый и после завершения на второй.

let obs1 = this.af.database.object('/friendly_urls/' + name).map(data => data.$value); 
let obs2 = this.af.database.object('/Project/' + data.$value).map(project => this.ProjectData = project); 

let concatenatedObservables = Observable.concat(obs1, obs2); 

concatenatedObservables.subscribe(); 

Более подробно о том, что здесь http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#instance-method-concat