問題タブ [angular2-observables]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
674 参照

node.js - Angular 2 と Node.js でリアルタイム ファイル アップロードを開発するには?

通常、アップロード中は、最初に一時ディレクトリにファイルを取得してから、目的のディレクトリに移動します。しかし、私はビッグデータに取り組んでいます。たとえば、一度に何千ものファイルをアップロードしています。そのため、これらのファイルを目的の場所に直接アップロードする必要があり、それぞれがそのディレクトリにアップロードされると、ユーザーはダッシュボードの変更をリアルタイムで確認する必要があります。

また、ユーザーに表示する必要があります

  1. アップロード中に何らかの例外が発生した場合 (ファイルがアップロード プロセスで問題を引き起こした場合など)。
  2. そのファイルをスキップするか、アップロードを再試行するオプションが必要です。正常にアップロードされたファイルとアップロードに失敗したファイルのリストを表示するレポート。
  3. ネットワークが停止した場合、アップロード マネージャーは、ネットワークが復旧するまで再試行を続ける必要があります。
  4. ユーザーはアップロードを一時停止し、次回のログイン時に再開できます (可能な場合)。

これは、大量のデータ セットをアップロードする際にユーザーに最高のユーザー エクスペリエンスを提供するための、アップロード プロセスの完全な操作に関するものです。

0 投票する
1 に答える
214 参照

angular - Angular 2 Observable DataserviceはObservableのアイテムを取得します

Angular 2 で Observables を使い始めたばかりで、質問があります。

データ サービス クラスに getExplorerPageData というメソッドがあります。これは、いくつかの配列を持つデータ構造を返す http 呼び出しを行います。getExplorerPageData() 呼び出しで取得された項目の 1 つを取得できる getTag という追加の関数が必要です。

明確にするために言うと、getTag を呼び出したときに再度サーバーにヒットするのは避けたいと思います。むしろ、既に行った getExplorerPageData() の呼び出しからアイテムを取得するだけです。

これを行うための最良の方法は何だろうと思っていましたか?

0 投票する
1 に答える
525 参照

angularjs - http get が完了してデータが返されるまで待ちます

で、httpを使用してサーバーからデータを取得していますservice.ts

私のコンポーネントでは、ハイチャートを使用してこのデータを表示したいのですが、問題は、ボタンをクリックしてもチャートに何も表示されないことです。クリックすると、データはまだ準備ができていないと思います

component.ts :

ボタンをクリックしたときの方法: コンソールは、オブジェクトを印刷する前に「GGGGG」と「PPPPP」を印刷します。

チャートに送信する前にすべてのデータを取得するにはどうすればよいですか?

0 投票する
1 に答える
10802 参照

angular - angular 2 Observable が完全に呼び出されていません

angular 2チュートリアルでヒーローアプリをいじっていますが、現在、このコンポーネントがあります

問題は、私が正しく理解している場合、subscribe が 3 つのコールバック パラメータを受け取ること.subscribe(success, failure, complete);です。しかし、私の場合、完全な部分が実行されることはありません。switchMap の仕組みと関係があると思います。私は正しいですか?

0 投票する
1 に答える
190 参照

angular - Angular RC6 - 独自のデータで注入可能なサービスを作成する

私はデータモデルを持っています (アプリケーション内の単一インスタンスである必要があります)

最善の方法は、注射可能なサービスで返却することだと思います。

CoreModule に配置する必要があります。

Observable を返すために DataService.getComputer() を実装する方法は? 直前に作成したc ...

編集

このgetComputer()方法では、ネットワーク遅延をエミュレートする必要があります - タイムアウトを 2 秒に設定します。以前は使用していましたがPromise、この機能は次のとおりです。

次のように消費されました。

これを Observables を使用するように変換し、後で inot コア モジュールを配置します。

GünterZöchbauerの回答の後、次のことを試しました

しかし、VSClet res ...はエラー メッセージのある行を強調表示します[ts] Supplied parameters do not match any signature of call target. (alias) new BehaviorSubject<T>(_value: T): BehaviorSubject<T>。から輸入BehaviorSubjectしましrxjs/rxた。

編集

Günter Zöchbauer からの別のメモの後、サービス クラス コードを変更しました

言及されたエラーはここにあります: let s = new BehaviorSubject<Computer>();. このシナリオでは、2 秒の遅延でComputer(を使用して) インスタンスをストリームに追加する方法もわかりません。next()ngInit

0 投票する
0 に答える
76 参照

angular - angular2 複数コンポーネントの相互作用が高速化

6 つの異なるコンポーネントで構成されるページがあります。コンポーネントの 1 つ (修正済み - ホバーやクリックなどのイベントが関連付けられている css 要素で作成) とのユーザー インタラクションに基づいて、残りの 5 つのコンポーネント (ハイチャート チャート - それぞれの更新) の表示を更新したいと考えています。基本的にはデータ系列のハイライトになります)。現在、情報転送のためにサービスを介してオブザーバブルを使用しています(どのCSS要素でどのイベントが発生しましたか->チャートコンポーネント)。正常に動作しますが、かなり遅いです。グラフ コンポーネントが複数ではなく 1 つだけの場合は、かなり高速に動作するため、遅延は情報の転送に関係していると推測されます。これを回避する方法や、データ転送を実行する他の方法があるかどうか疑問に思っていました。

0 投票する
0 に答える
1421 参照

angular - Angular2 CanDeactivate with async observable

Guards を調べて、CanDeactivate でナビゲーションが起こらないようにしようとしています。保存/キャンセル、保存=ナビゲート、キャンセル=キャンセルのシンプルなモーダルを表示したい。

CanDeactivate は機能していますが、適切なタイミングで解決されていないようです

Guard.ts

Component.ts

最初の「保存」では、モーダルが表示されると何も起こりません。2 回目の「保存」では、モーダルに応答する前にナビゲーションが行われます。適切なタイミングで解決するにはどうすればよいですか?

0 投票する
1 に答える
26 参照

json - Angular2 (rc.6) JSON オブジェクト キーがアクセスされない

最初の Angular2 (rc.6) プロジェクトを開始しています。コンポーネントに正常に送信された JSON オブジェクトがありますが、テンプレートでそのキー値にアクセスできません。

サービス(抜粋):

コンポーネント (抜粋):

テンプレート(抜粋):

私が理解できない問題は、{{歌| json }} JSON オブジェクトを正しく出力します: { "id": 71, "title": "It Don't Mean A Thing" ... } そして、エラーはスローされません。ただし、他の var キーはまったくレンダリングされません。

何か案は?