2016-07-05 12 views
0

autocomplete exampleとRxJSの後に続きます。私はこのObservable ObservableとこのObservableとは異なるかもしれないと思っていますか?ここでAngular2 RxJS Observable.fromEvent(..).mapが表示されません

が、私はそれを設定する方法である:

@ViewChild('searchInput') input: ElementRef; 
... 
var keyups = Observable.fromEvent(this.input.nativeElement, 'keyup') 
// this returns FromEventObservable instead of Observable which may be the reason? 

この時点で、私は.subscribeを呼び出し、イベントがに流れる見ることができます。しかし、これは何も表示されません

keyups.subscribe(e => console.log(e)); 

** **:

keyups.map(e => console.log('e ', e)); 

私の輸入は次のようになります。

import { Observable } from 'rxjs/Rx'; 

が、私はまた、個々の輸入品を試してきました:実際に何かをする観察可能を持つために

import 'rxjs/add/observable/fromEvent'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/Rx'; 

package.json

"rxjs": "5.0.0-beta.6", 

答えて

2

、あなたはそれに加入する必要があります。

keyups.map(e => console.log('e ', e)).subscribe(...); 

しかし、map演算子は、ある値から別の値にマップすることを意図しています。だからkeyups.map(e => console.log('e ', e))の後にはのように、console.logが返すObservableを取得して意味がありません。しかし、それはうまくいくかもしれません。.doちょうどロギングのような副作用が必要な場合は

+0

を参照してください。私が参照しているリンクを見れば、マップを使って目標値を取得しています。 。)。map(..)。filter(..)。debounce(..)。distinctUntilChanged()。これは私が複製しようとしているものです。 私は購読することができますが、それをフィルターに変換する方法とこの例の残りの部分は –

+0

Sonic、あなたが参照した例では 'searcher'変数に' subscribe() 'します。 'watchup = keyup.flatMapLatest(searchWikipedia);'キーサブルーチンの操作によって、 'Observable'が返されました。' ' – demarchisd

関連する問題