問題タブ [angular2-meteor]
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.
meteor - angular2-meteor アプリに gulp をインストールする
前もって感謝します。Angular2-meteorアプリを作成しています。アプリでは、Angular2-meteorでGulpを使用して typscript コードを縮小およびコンパイルしたいのですが、gulpパッケージをインストールできません。私を助けてください、そしてありがとう。
meteor - コンポーネント入力によるテンプレートの更新
序文: 私は Meteor、Angular、および Typescript を初めて使用するので、ここのどこかに XY 問題が発生する可能性が非常に現実的です。
Meteor と Angular 2 ( angular2-meteorパッケージを使用) を使用して単純なプロジェクト管理アプリに取り組んでおり、(今のところ) 構造はイベントを持つプロジェクトで構成されています。1 つのビューはプロジェクトのリストです。プロジェクトをクリックすると、プロジェクトのイベントのリストを含む、プロジェクトの詳細のモーダルが表示されます。したがって、3 つのコンポーネント: ProjectList
、ProjectDetails
、およびProjectEventsList
。変数をProjectDetails
使用して、表示するプロジェクトを認識し、それが機能します。Session
ただし、モーダル内のイベントのリストは、最初にクリックされたプロジェクト用に作成された後、更新されません。
ProjectEventsList.ts
私が理解しているように (私はここから離れているかもしれませんが) autorun
、まあ、自動的に実行するのに苦労しています。ゲッターとセッターを配置しようとしましprojectId
たが、プロジェクトをクリックすると更新されますが、最初のクリック後に内部のコードがautorun
実行されません。私が試したこと:
subscribe()
との入れ子を切り替えautorun()
ます。subscribe()
と の両方にautobind 引数を追加/削除しautorun()
ます。私はそれが何をしているのか本当に理解していません。サブスクライブ コードを のセッターに移動します
projectId
。これを行うと、リストにアイテムが表示されなくなります。
これでうまくいくように思えたら、小さなテスト ケースを作成して投稿しますが、知っている人にとっては、ここに何かが明らかに間違っていることを願っています。ありがとう!
meteor - angular2-meteor プロジェクトの 2 つのコンポーネント間で値を渡す
angular2-meteor を使用しています。
2 つのコンポーネント間で値を渡そうとすると (最初のコンポーネントで値が変更され、2 番目のコンポーネントでイベントを作成し、この新しい値を使用する場合)、現在 2 つの方法があります。
- 1 つの方法は流星の方法です: と を使用
this.autorun
しSession.get
ます。 - もう 1 つの方法は angular2 の方法
Injectable
ですEventEmitter
。
どっちが優先?それとも他に良い方法はありますか?ありがとう
meteor - コレクションからドキュメントを削除すると、すべてのクライアントのビューが更新されるわけではありません。なんで?
私はAngular2 Beta 1を使用しているAngular2-meteorを使用しています(現在)。
以下を含む単純なコンポーネントがあります。
- ドキュメントを追加するボタン。新しいドキュメントは、その _id で削除するためのボタンとともに表示されます。
- _id によって各ドキュメントを削除する collection.find()をループする [すべて削除] ボタンもあります。
それはほとんど正常に動作します。ドキュメントを追加したり、個別の削除ボタンで削除したりできます。「すべて削除」すると、データベースからすべて削除されます。カーソルは 0のcount() を報告します。新しい collection.find().count() は 0 を報告しますremoveAll()
。他のドキュメントは引き続きブラウザに表示されます。ページをリロードすると、データベースの正しい内容が表示されます。接続されている他のクライアントは、常にコレクションの正しい内容を表示します。を開始したクライアントだけremoveAll()
が影響を受けます。
テンプレート、「すべて削除」ボタン、およびドキュメントを表示する *ngFor
コンポーネント: