問題タブ [angular2-meteor]

Angular2-Meteor プロジェクトを作成しています。Angular 2 RC5 を使用するようにセットアップしました。@injectable() デコレーターを使用してサービスを追加しようとするまで、すべてがうまく機能します。追加するとすぐに、流星のコンパイル エラーが表示されます。

クラス デコレータを使用する場合は、reflect-metadata shim が必要です。

@injectable() デコレーターを削除するとすぐに、Meteor がすべてをコンパイルし、アプリケーションをロードできるようになります。

barbatus:angular2-polyfills パッケージがインストールされています。これは、必要な zone.js と Reflect-metadata パッケージをインポートするために必要なすべてだと思います。誰かが main.ts の上部でインポートを使用することを提案しましたが、それは機能しません。

@NgModule および @component デコレータは問題なく動作しています。@injectable デコレータを使用するサービスを @ngmodule までまだ接続していないので、Meteor 環境が @injectable デコレータを意図したとおりに処理していないことを示していると思います。使用の有無は問いません。

この問題を解決する方法についてのアドバイスやアイデアは大歓迎です。

JT

インストールされている流星パッケージは次のとおりです。

インストールされた npm パッケージは次のpackage.jsonとおりです。

とをangular2-meteorベースにアプリを作っています。これまでのところ問題ありませんが、Firebase データベースと統合する必要がありますが、以下の例外が発生します (Chrome でアプリを実行しています)。私のタイプスクリプトはすべて問題ないようで、エラーは発生しません。Meteor アプリは正常にロードされます。ステップ 4 の最後まで、インストールとセットアップのチュートリアルに従いました。 -cli を使用してプロジェクトを作成します)、これを修正する方法はありますか? ありがとうMeteor v1.4Angular2 rc-5

私は Angular2-Meteor チュートリアルを行っており、ほとんどの場合変更はありませんが、index.html ルート ファイルがレンダリングされ、アプリ コンポーネント内で二重にレンダリングされるという問題に遭遇しました。Angular2 コンポーネントはレンダリングされません。何が起こっているのかわからない。

以下は、レンダリングされた html とそれをサポートする主要なコードです。アイデアや助けをいただければ幸いです。

index.html (レンダリング前):

main.ts

app.component.ts

demo.component.ts

私は Angular2 を初めて使用し、Mongo.Collection オブジェクトのレジストリを管理するサービスを使用するカスタム コンポーネントを取得しようとしています。私の問題は、コレクションがロードされたときに Angular で UI を更新できないように見えることです。

以下のコードを見ると、DatasetService が注入されたコンポーネントがあることがわかります。このサービスは、コレクションのレジストリを管理します。この問題は、Meteor.autorun() メソッドが Angular の「ゾーン」から処理を取り出すという事実に関連していると推測していますが、どうにかしてプロセスを Angular ゾーン/ダイジェストに再注入する必要がありますか?

クライアントとサーバーの両方:

サーバーのみ

クライアントのみ

ページを読み込んでも、ミーティングのリストが表示されません。ただし、ボタンをクリックして「checkState()」を手動で呼び出すと、UI が更新され、会議がレンダリングされます。

私がやろうとしていることを達成するための助け、明快さ、または別の方法は大歓迎です!

ここにあるチュートリアルを実行しています：

https://www.angular-meteor.com/tutorials/socially/angular2/search-sort-pagination-and-reactive-vars

私はページングを実装していますが、エラーをスローしています。コンソールは、parties-list.component.ts の 7 行目でエラーをスローします。7 行目のコードは次のとおりです。

スローされる完全なエラーは次のとおりです。

ng2-pagination は、Meteor 内で実行している私のバージョンの angular と互換性がないのではないかと考えていますが、見つける方法がわかりません。

私のpackage.jsファイル：

私はmongodbが初めてです。基本的に、コレクションからデータを取得して画面に表示しようとしています。そのangular2流星アプリ。mongo シェル内でデータを挿入および取得できます。しかし、値のブックマークをループしようとすると、エラーが発生します。

タイプ 'object' の異なるサポート オブジェクト '[object Object]' が見つかりません。NgFor は、配列などの Iterable へのバインドのみをサポートします。

find() メソッドから返されたデータをコンソール ログに記録すると、mongodb オブジェクト コレクション全体が返され、bomarks コレクションはオブジェクト内に深く埋め込まれています。

.find() メソッドを使用して返されたブックマーク変数内のすべてのオブジェクトの配列を取得するにはどうすればよいですか?

私のコンポーネントは以下の通りです：

html テンプレートは次のとおりです。

エラーのスナップショット

Angular2 Meteor チュートリアル ( https://www.angular-meteor.com/tutorials/socially/angular2/bootstrapping ) で提案されている新しい Angular2 Meteor プロジェクトを作成し、チュートリアルに従って Angular2 Material をインストールしました ( https://www. angular-meteor.com/tutorials/socially/angular2/angular-material-and-custom-angular-auth-forms )。すべてが機能します。

次に、PortalModule をインポートしたいので、App.module.tsを編集して、次のコード行を追加します。

(ちなみに、これは、PortalModule を使用するスタンドアロンで動作する Angular2 アプリで私が行っていることとまったく同じです)。

残念ながら、Angular2 Material を使用すると、起動時にランタイム エラーが発生します。ブラウザ コンソールのスタック トレースの上位 2 行は次のとおりです。

これは typescript の設定に依存していると思われるので、tsconfig.jsonファイルも追加します (これは、プロジェクトの作成中に Angular2 Meteor が作成した標準です)。

どんな助けでも大歓迎です。前もって感謝します

Angular-Meteor は製品化の準備ができていますか? Angular2-Meteor スタックを使用して、機能するソリューションの構築とデプロイに成功した人はいますか?