問題タブ [primeng]

アプリに必要な UI の一部を取得するために、Primeng をいじり始めました。現在作業しているのはデータテーブルです。条件付きでスタイル設定されたダッシュボードを作成しようとしています。以下は、私が達成する必要があるもののスナップショットですが、スタイリングを表示できません。

これが私のコードです。コードはまだ条件を考慮していませんが、トレンド列のセルを別の色にすることさえできません。これがprimeng beta 10を使用した私の試験です:

primefaces で示されているように、テンプレートパターンも試しましたが、うまくいきませんでした:

これらのコードは両方とも、私のテーブルの以下の同じスナップショットになります。私は何を間違っていますか？

PS: webpack を使用しており、primeui に必要な css ファイルを次のようにインデックス html に含めました。

助けてくれてありがとう！

PrimeNG カレンダーを使用して作成された日付ピッカーが添付された入力要素があります。

HTML 部分

ここでは、PrimeNG カレンダー タグを使用しています。非表示のテキスト ボックスを 1 つ使用したので、更新された値を選択できますが、テキスト ボックスに反映されています。イベントで更新された値を取得するにはどうすればよいですか?

ユーザーが入力要素に直接入力して日付を変更すると、上に示すように、入力要素のぼかしイベントで値を取得できます。しかし、ユーザーが datepicker から日付を変更した場合 (つまり、カレンダーの日付をクリックした場合)、blur ハンドラーは呼び出されません。

datepicker入力要素に入力するのではなく、を介して行われた選択された日付への変更を検出するにはどうすればよいですか?

PrimeNg データ テーブルで、最初の数列を固定し、残りの列を水平スクロール x にすることはできますか? 私はこれとまったく同じようにしたい:

https://datatables.net/extensions/fixedcolumns/examples/initialisation/two_columns.html

現在、PrimeNG をテストしており、データ テーブルを使用しようとしています。イベントを除いて、すべて正常に動作します。行が選択されたときにGrowlを使用してメッセージを表示しようとしています(PrimeNG Webサイトのイベントデモのように)。私は現在これを持っています：

ダッシュボード コンポーネント テンプレートは次のようになります。

ただし、行を選択してもイベントは発生しません。ブレークポイントで停止しないため、まったく登録されません。これを修正するためにどこを見ればよいかについて、解決策やアドバイスはありますか?

PrimeNG データテーブルを使用しています。テーブルのコンテンツ内でいくつかの行が複数の列にまたがるようにしたいと考えています。ヘッダー内でこれを行うための優れた例があります ( http://www.primefaces.org/primeng/#/datatablegroup ) が、テーブルのコンテンツ内でこれを行う方法がわかりません。行の数は動的になります (天気と雨が含まれる場合もあれば、雨、水位、河川の流れが含まれる場合もあります)。これはできますか？

rowspan > 1 のビジュアル

ngForm 内で PrimeNG datepicker を使用して、必要な検証を適用しようとしています。

ただし、例外が発生します。

どのように PrimeNG コントロールを角度のあるフォームに追加する必要がありますか?

PrimeNG の DataTable ( http://www.primefaces.org/primeng/#/datatable ) を使用しています。列の 1 つを並べ替え可能に定義しました ()。グループアプローチを使用してヘッダーをグループ化するまで、それはうまくいきました。

その時点で、並べ替え可能な列に並べ替えインジケーターが表示されなくなりました。これらは一緒に使用できませんか？グループ化されたヘッダーのイメージ