Angular2配列のObservableの最初の要素へのアクセス

Question

EDIT：最終的に私の問題は、https://plnkr.co/edit/A2WipJwW9kEhhlh90xMjの吹き出しに行き着いた。選択したマーケットにヒットしたら、Enterキーを押してmarket-search.component.tsファイルのmarketSelectorDropDownメソッドに入ります。問題はマップの下の数行にあり、選択されたマーケットドロップダウンが再びクリックされるまで、購読は実行されません。私はなぜなのか理解していない。どんな助けでも大歓迎です！

this.markets 
     .map(markets => { 
      debugger 
      if(markets && markets.length > 0) return markets[0]; 
     }) 
     .subscribe((market: Market) => { 
      debugger 
      this.pick(market.name) 
     }); 

編集：解答としてマークされているのコメントに答えがあります。 BehaviorSubjectを使用することです。これにより、遅れた加入者は最後のイベントを送信できます。

Answer 1

引数なしで呼び出された場合

• http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#instance-method-first

RxJS5ドキュメントによればまずオペレータ

、最初の完了次に、観測ソース の最初の値を発します。述語関数で呼び出された場合、最初に は、指定された 条件に一致するソースの最初の値を出力します。また、入力値から 出力値を生成するresultSelector関数と、 で有効な値を出力する前に出力するdefaultValueを生成することもできます。 defaultValueが指定されておらず、一致する要素が でない場合は、 がエラーを返します。それはあなたが例えばイベント

から観察可能に対処する場合、唯一のDOM（のようなjQueryので.one）に発生した最初のクリックを発する便利

var clicks = Rx.Observable.fromEvent(document, 'click'); 
var result = clicks.first(); 
result.subscribe(x => console.log(x)); 

それとも、で見ることができますこの回答の他のユースケースAngular 2 runOutsideAngular still change the UI

あなたが望むものではありませんが、このように使うことができます：

.first(null, arr => arr[0]).subscribe... 

、それは、配列Plunker Example（最初の）

の所望の最初の要素を返す必要がありますが、私は同じことを行うにはmapオペレータ活用します：

.map(arr => arr[0]).subscribe... 

Plunker Example（マップ）

Answer 2

あなたが利用しているため、あなたの例は機能しませんgx CDN for RxJS 2、これにはRxJS 5が必要です。 CDNをバージョン5に置き換えようとしましたが、うまくいきました。