タイトルの後に拡張アイコンが付いているカスタムパッド拡張

Question

for ループ内にパッド拡張パネルを持つパッド アコーディオンを作成しようとしています。問題は、各拡張機能の前にチェックボックスを追加するなど、いくつかのカスタマイズを行う必要があり、拡張機能アイコンを特定のテキスト (この場合は本のタイトル) の後に配置する必要があることです。私の理解では、展開パネルのアイコンは最後または最初に配置できるため、配置がわかりにくいです。パッド エクステンションは同じ目標を達成するのに適したコンポーネントだと思います。パッド拡張機能の実装方法についてガイダンスが必要ですか? それとも検討すべき別のアプローチはありますか?

Answer 1

このような大幅な変更を行うために mat-accordion を再設計しようとしないでください。これは重要なガイドラインに厳密に従うように設計されています。代わりに、cdk-accordion に基づいて独自のコンポーネントを作成します。基本的に、これはスタイルのない mat-accordion であるため、柔軟性が高まります。

公式ドキュメント (実装例を含む) は ここ から読むことができます。