問題タブ [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.
javascript - リロードなしのルーティングが Angular 2 で機能しない
Employee-Management-Component は、対話時にルート パラメータを使用してそれ自体にリンクするときにリロードされますが、これは発生しないはずです。コードに問題はありますか? <p-dropdown>
と<p-datatable>
は primeNGのコンポーネントであり、その名前が示すとおりに機能します。EventHandlers とプロパティも理解しやすい必要があります。ない場合は、尋ねてください。
ルート
すべてが必要に応じてロードされますが、従業員をクリックすると にrouteToEmployee
ルーティングされ./employee/:employeeArrayIndex
、ページがリロードされ (そうすべきではありません) editEmployee
、従業員配列から選択した従業員を表示できる従業員変数に割り当てたい場所でクラッシュします. エラー メッセージは'TypeError: Cannot read property '0' of undefined'
です。番号は、従業員が存在する配列インデックスです。したがって、再初期化後、配列は空であると想定します。getDepartments()
再度呼び出されるだけで、getEmployees()
もう呼び出されません。
angular - PrimeNG データテーブル; 「[(selection)]」と「onRowClick」イベント ハンドラを区別する
私は現在、primeNGを使用して従業員のリストを表示しています。
それらをクリックして編集したいのですが、複数の従業員を削除するために複数の従業員を選択するためのコンボボックスのある列があります。
問題は、コンボボックスをクリックすると「onRowClick」ハンドラも起動することです。編集ダイアログが表示されているので、これは好きではありません。
列のみのイベント ハンドラーのように、これら 2 つを区別する方法はありますか?
マイテーブル
angular - Angular2、webpack は外部 CSS をグローバルに ng2-admin に追加します
ng2-admin を使い始めましたが、primeng に問題があります。私はデータテーブルを使用していますが、primeng スタイルが適用されていません。書式設定されていない単純な醜いテーブルがあります。
ここの指示に従っています: http://www.primefaces.org/primeng/#/setup
これらの行を別のプロジェクトに追加しました。
以前は機能していましたが、この ng2-admin プロジェクトは webpack を使用しており、私はそれに慣れていません。私はそれについて読んだところ、webpack.config.js で css ローダーを使用するように言われていますが、どこにどのように追加するのかわかりません。
リンクを index.html に直接追加すると、ファイルは以下のリンクに従ってファイルで 404 を取得します。 https://github.com/akveo/ng2-admin/issues/25
ng2-admin のサイトはこちら https://github.com/akveo/ng2-admin/tree/master/config ファイルを見ると、prod と dev の両方でおそらく webpack.common.js だと思いますか?
助けていただければ幸いです、ありがとう。
angular - Angular2 で使用するのに推奨される UI ライブラリはどれですか?
私は最近、AngularJS 1 または Angular2 を長期的な製品に使用する必要があるかどうかを調査しています。
私が最も力を入れているのは、Angular JS 1 用の AngularUI など、魅力的なユーザー インターフェイスを作成するための成熟した UI ライブラリを利用できるようにすることです。
調査中に、PrimeNG [1] や ng-bootstrap [2] などのライブラリに出くわしましたが、それらがどの程度成熟しているか、つまり、主要なバグがなく、非常に安定している必要があるかどうかはまだ疑問です。
それらについてのあなたの経験は何ですか? また、さらにどのようなライブラリをお勧めできますか?
[1] http://www.primefaces.org/primeng
[2] https://ng-bootstrap.github.io/#/home
angular - ルート変更時に PrimeNG DataTable の選択を維持する
Angular 2 アプリケーションで PrimeNG データ テーブルを使用していますが、ルート変更時に選択を保持する必要があります。現在、アプリの状態を次のように設定しています。
appState は、選択状態を保存するサービスです。これは、選択時に開くいくつかのタブを永続化するためにも使用されます。
appState が正しく設定され、選択された応募者の配列が返され、開いているタブが保持されますが、データ テーブル内の実際の選択は保持されないため、エントリを再度選択できます。
HTML は次のようになります。
コンストラクターで `ngOnInit 中に配列this.appState.get('selectedApplicants')
を取得するメソッドを使用して、次のように設定しようとしました。selectedApplicants
コンポーネントで。
ただし、選択された応募者の配列は返されますが、テーブル自体では選択されません。
補足として、this.selectedApplicants.splice(event.index, 1);
タブを閉じるとテーブルエントリの選択が解除されるため、選択されたエントリの配列を変更することで、プログラムで選択を変更することができます。必要な配列が存在する場合でも、ルート変更後にビューを開始すると、エントリが自動的に選択されません。
ルート変更時にデータ テーブルの選択を保持するための回避策または方法はありますか?