問題タブ [primeng]

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 に答える
6585 参照

angular - Add PrimeNG into Angular2 app using Webpack

I am attempting to load PrimeNG into my Webpack bundled Angular2 app.

First I did an npm install:

This added the following two lines to my package.json:

Next, as shown in this github commit from angular2-webpack-starter, I add an import to venders.ts:

It seems like script! is some kind of special thing that my webpack doesn't know how to do. I am getting this:

I am not sure if this is problem or not. My app still loads...

Continuing, I add the following two imports to my AppComponent:

This generates the following additional warnings:

Questions:

  • How can I add PrimeNg to an Angular2 project using Webpack?
  • Why isn't my import 'script!'... working?
  • Why can't primeng find angular?
0 投票する
2 に答える
2135 参照

angular - WebPack Angular 2 での PrimeNG スケジュール

Webpack angular 2 アプリを動作させるために PrimeNG スケジュールを取得した人はいますか? このオークのように、私はそれを機能させることができませんでした.彼とは異なり、私はまだできません.

私の vendor.ts で、必要なライブラリをロードします。

私のコンポーネントでは、primengからスケジュールをインポートします

ディレクティブを追加します

そして私の見解では

this.schedule.fullCalendar は関数ではないことに気付きました。schedule.js で。

PS: スケジュールを挿入する前に、Prime が適切に接続されているかどうかを確認するためだけにボタンを挿入しましたが、100% 見えました

誰か助けてください

ありがとう

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

angular - PrimeNg: ダイアログが表示されているときにダイアログ内のアイテムの新しいインスタンスを作成する方法

次のように、Angular2 アプリで primeNg ダイアログを使用しています。

ここで、次のことを行うとします。

  • ダイアログを起動
  • ダイアログLed Zeppelinに入力
  • ダイアログを閉じる
  • ダイアログを再度開く

これで、入力にはまだ が入力されていLed Zeppelinます。

入力の同じインスタンスが使用されていることは理解していますが、これは私が望む動作ではありません。ダイアログが起動されるたびに新しい入力を使用するようにしたいと思います。これを行う正しい方法は何ですか?これにアプローチする 1 つの方法は、 を使用しonBeforeShowて入力をリセットすることです。

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

datatable - PrimeNG DataTable 内の画像を表示する

Angular2 を使用して Web サイトを開発しており、テーブルに情報を表示したいと考えています。PrimeNG のDataTableを使用しています。問題は、テーブル内に画像を表示する必要があることです。これは PrimeNG のDataListを使用して実行できますが、DataList の外観と列を並べ替えることができないため、使用できません。アイデア?

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

charts - RC1でのPrimeNGの新しいチャートリリース

PrimeNG をバージョン RC.1 に更新しました。その間に、アプリケーションを実行するために必要なすべての変更を行いました。正常に動作しています。問題は、この更新されたバージョンでは、Chart の実装が変更されていることです。この変更を行った後、ブラウザでコンポーネントがレンダリングされません。コンソールにエラーはありません。

以下は私のコードです: app.component.ts ファイル:

app.conponent.html:

助けてください。前もって感謝します。

0 投票する
2 に答える
982 参照

angular - PrimeNG Schedule でイベントが表示されないプロパティ scrollTop of null を読み取れない

PrimeNG のスケジュール コンポーネントを使用して、ユーザーのカレンダー イベントを表示しようとしています。カレンダーは表示されますが、Fullcalendar がイベントをレンダリングしようとするとエラー
"ORIGINAL EXCEPTION: TypeError: Cannot read property 'scrollTop' of null"
が返されます。以下に、html、設定オプション、および表示しようとしているイベントのモックを含めました。



どのオプションを含めても、fullcalendar は常に同じエラーを出すことがわかりました。オプションなしでスケジュール テンプレートをロードしようとしても、同じエラーが発生しました。これは、Schedule と fullcalendar を含めた方法が正しくないことを示しているようです。npm install --save で primeng と moment を含め、html cdns で fullcalendar を含めました。ここに示す実装の変更に従って、 Schedule を起動して実行しました。次に、現在のコンポーネントに Schedule をプロバイダーおよびディレクティブとして追加しました。コンポーネントのメソッド内から参照できるように、Schedule もクラス コンストラクターに含まれています。

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

angular - p-dataTable から表示されたアイテムをオブジェクトとして取得する方法

Angular 2 (2.0.0-rc.2) に基づいて PrimeNG (1.0.0-beta.7) を使用しています。

コンポーネントのオブジェクトとして p-dataTable から表示されたアイテムを取得する方法を知っている人はいますか?

すべての要素ではなく、表示されている要素のみを使用して Web サービスへの REST 呼び出しを開始するには、これが必要です。

ありがとう、クリス