带有 3.0 路由器的 Angular 2 rc4：如何有效地获取所有路由信息

Question

我在 Angular 2 rc4 上使用路由器 3.0.0-beta.1。 我想知道如何获取当前路线上的多个数据部分。 我需要参数、数据和 URL。

所有这三个部分都通过 observables 暴露在路由上。 我想出了这个凌乱的代码，我想知道这是否可以更有效地完成：

@Component({
    ...
})
@Injectable()
export class MyComponent implements OnInit {

    constructor(private route:ActivatedRoute) {
    }

    ngOnInit() {
        this.urlSub = this.route.url.subscribe(url=> {
            this.dataSub = this.route.data.subscribe(data=> {
                this.paramsSub = this.route.params.subscribe(params=> {

                    ... logic using all 3 variables: params, data, url

                });
            });
        });
    }
}

谢谢

Answer 1

看来你要找的是 zipArray。这将等到每个 observable 都有一个值。

（从文档中提取） zipArray 接受可变数量的 Observables 作为参数并返回一个发出数组的 Observable，每个数组包含来自每个源 Observable 的第 n 个项目。

示例代码

var range = Rx.Observable.range(0, 5);

var source = Rx.Observable.zipArray(
  range,
  range.skip(1), 
  range.skip(2)
);

var subscription = source.subscribe(
  function (x) {
    console.log('Next: ' + x);
  },
  function (err) {
      console.log('Error: ' + err);   
  },
  function () {
      console.log('Completed');   
  });

 Next: [0,1,2]
 Next: [1,2,3]
 Next: [2,3,4]
 Completed