問題タブ [primeng]

PrimeNG をインストールするために行った手順は次のとおりです。

1. npm install primeng --save npm install primeui --save

2. Index.htmlを更新します: ( 404 file not foundエラー を取り除くために、ディレクトリprimengとprimeuiを node_modules からassetsフォルダーにコピーする必要がありました)

   /li>

3. test.component.ts を更新します。

   /li>

4. test.component.html を更新します。

   /li>

結果: ページに何も表示されません。

何か不足していますか？

編集1:

1. angular-cliを使用してプロジェクトをインストールしたと言うことが重要だと思います
2. <p-calendar [(ngModel)]="dateValue"></p-calendar>test.component.html に追加すると、

   エラー: キャッチされていません (約束されています): 参照または変数に代入できません!

編集2:

angular-cliを使用していない別のプロジェクトで試しました：

追加するとすぐにdirectives:[Calendar]エラーが発生します:

http://localhost:3000/primeng/primeng 404 (見つかりません)
エラー: エラー: XHR エラー (404 見つかりません) http://localhost:3000/primeng/primeng の読み込み中(…)

Angular2 rc.4 と PrimeNg 1.0.0.beta.9 を使用していますが、次のエラーが発生します。

これは、p-dropdown ディレクティブなど、[(ngComponent)] を使用するすべての PrimeNG コンポーネントで発生します。

私は Angular2 のチュートリアルと PrimeNG のショーケースをフォローしてきましたが、今まではすべて問題なく機能していました。これは、私が解決できない最初の問題です。

その部分だけ外すと

私のアイテムのリストでも、エラーは表示されず、コンポーネントは正しく表示されます。

私の component.ts ファイルでは、他のいくつかで行ったように、ディレクティブを挿入しました。

私の問題はこれに似ています: ngmodele-no-value-accessor-for

しかし、私の場合、カスタム コンポーネントはサード パーツ ライブラリ (PrimeNG) からのものであり、それを制御できません。

次のような従業員クラスがあるとします。

Employee次のようなイニシャルがあるとします。

また、従業員が雇用または解雇されることもあると想定できます。これに沿った何か：

PrimeNg ツリーに従業員を表示したい。

ツリー ウィジェットでは、表示されるデータが次のような treeNode インターフェイスに準拠している必要があります。

主な質問: Employee クラスを変更せずに、データを TreeNodes に変換する最良の方法は何ですか?

私が考えていること：

• 新しい従業員を追加するときに、ツリーの状態 (開いているもの、選択されているものなど) を維持したい
• 現在選択されている従業員を簡単に取得できる必要があります。
• 2 つの重複したモデルを維持することを避けようとしています。
• 合理的かつスケーラブルな方法で Angular2 の変更検出を利用したい

これは、現時点で私の EmployeeTree コンポーネントがどのように見えるかです:

オプション 1 - Employee を TreeNode に変換するパイプを作成する

これにより、テンプレートは次のようになります。

そして、次のようなパイプを作成します。

長所短所：

• これは角度の変更検出を利用します
• これが純粋なパイプの場合、変更を見逃す可能性があります
• これが不純なパイプの場合、重すぎる可能性があります
• コンポーネントを非常にクリーンなままにし、責任をパイプに委任します
• 新しいアイテムが追加されたときに、これが私の GUI 状態 (選択されているものと開いている/閉じているもの) を保持するかどうかわからない

オプション 2 - コンポーネント内でツリーの別の構造を維持する

従業員が変更されたときにトリクルアップするイベントを発行できると思います。これは私にフックする何かを与えることができます.

一般的に言えば、Angular2 を使用してこのようなことを行う最善の方法は何ですか。

要約すると、データを保存している形式とはわずかに異なる形式のデータを期待するウィジェットを使用したいと考えています。データをウィジェットにマッサージする標準的な angular2 の方法は何ですか? ここで私を助ける特別なangular2ソースはありますか? 2 つの別々のモデルを維持する必要がありますか? 私のツリーには数百または数千のアイテムが含まれる可能性があるため、パフォーマンスに多少の懸念があります。

良い一日。プライムのチュートリアルのような簡単なタブメニューを作りたいのですが、それを表示したいだけです。しかし、「Router のプロバイダーがありません!」というメッセージが表示されます。例外。これは、タブメニューを備えた私たちのコンポーネントです：

起動時にROUTER_PROVIDERSを宣言しました。bootstrap(AppComponent, [ROUTER_PROVIDERS, HTTP_PROVIDERS, AUTH_PROVIDERS, provide(LocationStrategy, {useClass: HashLocationStrategy} )] );

PrimeNG を使用してアプリケーションで DatePicker を表示するという奇妙なバグがあります。ブートストラップの を使用しようとするとform-control、視覚的なバグが発生します。

ここに私のテンプレートがあります：

結果は次のとおりです。

編集

参考になれば、生成された HTML は次のとおりです。