タグ付けされた質問 「rxjs」

Observable.ofとObservable.from引数の形式の唯一の違いはありますか？同様にFunction.prototype.callしてFunction.prototype.apply？ Observable.of(1,2,3).subscribe(() => {}) Observable.from([1,2,3]).subscribe(() => {})

153 rxjs 

ユーザーがドロップダウン以外の場所をクリックしたときにログインメニューのドロップダウンを閉じたいのですが、Angular2とAngular2の "アプローチ"でそれを実行したいのですが... ソリューションを実装しましたが、自信がありません。同じ結果を達成する最も簡単な方法がなければならないと私は思います、あなたが何かアイデアがあれば...議論しましょう:)！ これが私の実装です： ドロップダウンコンポーネント： これは私のドロップダウンのコンポーネントです： このコンポーネントが可視に設定されるたびに（たとえば、ユーザーがボタンをクリックしてそれを表示すると）、SubjectsService内に格納された「グローバル」なrxjsサブジェクトuserMenuにサブスクライブします。 そして、それが非表示になるたびに、この件名の購読を解除します。 このコンポーネントのテンプレート内の任意の場所をクリックするたびに、onClick（）メソッドがトリガーされます。これにより、上部（およびアプリケーションコンポーネント）へのイベントバブリングが停止します。 これがコードです export class UserMenuComponent { _isVisible: boolean = false; _subscriptions: Subscription<any> = null; constructor(public subjects: SubjectsService) { } onClick(event) { event.stopPropagation(); } set isVisible(v) { if( v ){ setTimeout( () => { this._subscriptions = this.subjects.userMenu.subscribe((e) => { this.isVisible = false; }) …

144 javascript  drop-down-menu  angular  rxjs 

エラーが出ました node_modules / rxjs / internal / types.d.ts（81,44）：エラーTS1005： ';' 期待された。 Angular 6のインストール後。 エラーを確認します。 ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,77): error TS1109: Expression expected.

143 angular  typescript  build  installation  rxjs 

私は心の中でこれがオブザーバブルの最も基本的なケースになるはずなので、私は何かを根本的に誤解しているに違いないと思いますが、私の人生では、ドキュメントからそれを行う方法を理解できません。 基本的に、私はこれを行うことができるようにしたいです： // create a dummy observable, which I would update manually var eventObservable = rx.Observable.create(function(observer){}); var observer = eventObservable.subscribe( function(x){ console.log('next: ' + x); } ... var my_function = function(){ eventObservable.push('foo'); //'push' adds an event to the datastream, the observer gets it and prints // next: foo } しかし、私はのような方法を見つけることができませんでしたpush。私はこれをクリックハンドラーに使用していますが、それらはそれを持っObservable.fromEventていることを知っていますが、Reactで使用しようとしていますが、完全に異なるものを使用するのではなく、コールバックでデータストリームを更新するだけで済みますイベント処理システム。だから基本的にこれが欲しい： …

139 reactive-programming  rxjs 

をAuthGuard使用するの実装がいくつか見つかりましたtake(1)。私のプロジェクトでは、を使用しましたfirst()。 どちらも同じように機能しますか？ import 'rxjs/add/operator/map'; import 'rxjs/add/operator/first'; import { Observable } from 'rxjs/Observable'; import { Injectable } from '@angular/core'; import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { AngularFire } from 'angularfire2'; @Injectable() export class AuthGuard implements CanActivate { constructor(private angularFire: AngularFire, private router: Router) { } canActivate(route: ActivatedRouteSnapshot, …

137 angular  rxjs  angular2-observables 

Httpサービスを使用するためのAngular 2ドキュメントページに例があります。 getHeroes (): Observable<Stuff[]> { return this.http.get(this.url) .map(this.extractData) .catch(this.handleError); } angular2-webpack-starterプロジェクトのクローンを作成し、上記のコードを自分で追加しました。 をObservable使用してインポートしました import {Observable} from 'rxjs/Observable'; プロパティObservableもインポートされていることを前提としています（.map動作）。rxjs.beta-6の変更ログを確認しましたが、何も説明されていませんcatch。

127 javascript  angular  typescript  rxjs 

私はそれらを理解しようと努めてきました3： 件名、行動件名、リプレイ件名。私はそれらを使用したいと思います、いつ、なぜ、それらを使用する利点は何ですか、そして私はドキュメントを読み、チュートリアルを見て、googleを検索しましたが、これを理解できませんでした。 では、それらの目的は何ですか？実際のケースでは、コードを書く必要がないことを最も評価します。 「a + b => cあなたが購読している...」だけでなく、わかりやすい説明を希望します。 ありがとうございました

122 javascript  angular  rxjs  reactive-programming  angular2-observables 

私はこの方法を持つサービスを持っています： export class TestModelService { public testModel: TestModel; constructor( @Inject(Http) public http: Http) { } public fetchModel(uuid: string = undefined): Observable<string> { if(!uuid) { //return Observable of JSON.stringify(new TestModel()); } else { return this.http.get("http://localhost:8080/myapp/api/model/" + uuid) .map(res => res.text()); } } } コンポーネントのコンストラクタで、私は次のようにサブスクライブしています： export class MyComponent { testModel: TestModel; testModelService: …

121 typescript  promise  angular  observable  rxjs 

ReduxがFluxのより良い「実装」であるか、または物事を単純化するための再設計（アプリケーションの状態管理）であるとよりよく言うことを私は知っています。 私はリアクティブプログラミング（RxJS）について多くのことを聞いたことがありますが、それを学ぶためにまだ潜っていません。 だから私の質問は、この2つの技術の間に共通点（共通点）があるのか​​、それとも補完的なのか？...またはまったく違う？

113 javascript  rxjs  redux 

JavaScriptとnode.jsを知らない人のための「コールバック地獄」とは何かを説明する簡単な例とともに、明確な定義を誰かが提供できますか？ 「コールバック地獄の問題」はいつ（どのような設定で）発生しますか？ なぜそれが起こるのですか？ 「コールバック地獄」は常に非同期計算に関連していますか？ それとも、シングルスレッドアプリケーションでも「コールバック地獄」が発生するのでしょうか。 私はコースラでリアクティブコースを受講しました。彼の講義の1つで、エリックメイヤーはRXが「コールバック地獄」の問題を解決すると述べました。私はCourseraフォーラムで「コールバック地獄」とは何かを尋ねましたが、明確な答えがありませんでした。 簡単な例で「コールバック地獄」について説明した後、RXがその簡単な例で「コールバック地獄問題」をどのように解決するかを示すこともできますか？

113 javascript  callback  language-lawyer  reactive-programming  rxjs 

パイプは、テンプレート内のデータ（形式）を変換するためのフィルターです。 pipe()以下のような機能に出会いました。pipe()この場合、この機能は正確にはどういう意味ですか？ return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );

107 angular  rxjs  angular-pipe  rxjs-pipe 

オブザーバブルで待つことができるようにしたい、例えば const source = Rx.Observable.create(/* ... */) //... await source; 素朴な試みの結果、待機はすぐに解決され、実行はブロックされません 編集：私の完全な使用目的の疑似コードは次のとおりです： if (condition) { await observable; } // a bunch of other code 他のコードを別の別の関数に移動してサブスクライブコールバックに渡すことができることを理解していますが、それを回避できることを願っています。

106 javascript  rxjs  ecmascript-7 

この記事によるonCompleteと、のonError機能subscribeは相互に排他的です。 onErrorまたはのいずれかでonCompleteイベントが発生しsubscribeます。 エラーを受け取ったか、情報のストリームを正常に終了したかに関係なく、実行する必要がある論理ブロックがあります。 私はfinallypythonのようなものを探しましたが、私が見つけたのはfinally、私が作成したオブザーバブルにアタッチする必要があるものだけです。 しかし、私がサブスクライブするとき、およびストリームが正常に終了したか、エラーが発生したかに関係なく、そのロジックを実行したいのです。 何か案は？

105 javascript  rxjs  rxjs5 

角度のあるアプリケーションではngOnDestroy()、コンポーネント/ディレクティブのライフサイクルフックがあり、このフックを使用してオブザーバブルをサブスクライブ解除します。 @injectable()サービスで作成されたオブザーバブルをクリア/破壊したい。ngOnDestroy()サービスでも利用できるという投稿をいくつか見ました。 しかし、それは良い習慣であり、それを行う唯一の方法であり、いつ呼び出されるのですか？誰かが明確にしてください。

103 angular  rxjs  observable  angular-services 

私は基本的なコンセプトを持っていると思いますが、いくつかの曖昧さがあります したがって、一般的に、これは私がobservableを使用する方法です： observable.subscribe(x => { }) データをフィルタリングしたい場合は、これを使用できます： import { first, last, map, reduce, find, skipWhile } from 'rxjs/operators'; observable.pipe( map(x => {return x}), first() ).subscribe(x => { }) 私もこれを行うことができます： import 'rxjs/add/operator/map'; import 'rxjs/add/operator/first'; observable.map(x => {return x}).first().subscribe(x => { }) だから私の質問は： 違いはなんですか？ 違いがないのに、なぜ機能パイプが存在するのですか？ これらの関数に異なるインポートが必要なのはなぜですか？

103 angular  rxjs  rxjs5