問題タブ [angular-material-table]
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.
angular - 角材:角材テーブルのヘッダーにデータをマップする方法は?
angularマテリアルテーブルのそれぞれのヘッダーに動的データをマップする方法は? 以下のように、カテゴリ別にデータをフィルタリングするケースがあります（parcelItemsの下には常に2つのカテゴリがありますが、ソートされていません）。この場合、 WearsとAccessoriesがヘッダーです。API レスポンスがバックエンドでソートされません。どうすればこれを達成できますか?
コードは次のとおりです。
サンプル
サンプル.json
angular - あるコンポーネントから MatTableDataSource を持つ別のコンポーネントにリダイレクトした後、Angular Material MatTableDataSource が更新されない
私は2つのAngularモジュールを持っています:
- 学生
- コース
コース内には、Student コンポーネント (StudentDetailsComponent) 内にネストして表示したいコンポーネント (CourseListComponent) があります。したがって、そのコンポーネントを Course モジュールからエクスポートする必要があります。
また、 Student 内に Course モジュールをインポートする必要があります。
StudentListComponent の内部には、いくつかのデータを持つ MatTableDataSource を持つ MatTable があります。
StudentDetailsComponent に切り替えると、学生が登録しているコースのリストを表示したいと思います。また、MatTable 内でそれを実行したいと思います。
しかし、ページが読み込まれると、空のテーブルだけが表示されます。コンソールにエラーは表示されず、空のテーブルが表示されます。
この問題を解決する方法を知っている人はいますか?
ありがとうございました！
HTMLは次のとおりです。
CourseListComponent 内:
そしてモデル：