Angular Material 拡張パネルのリストを含む Sidenav を実装しようとしています。ngFor ディレクティブを使用している場合、レイアウトは希望どおりにきれいに見えます。画像でわかるように、ビューを Expansion-Panel-content の幅の 100% に拡大します。
ngFor-directive を使用したレイアウト。
ng-For-directive でどのように見えるかの Stackblitz:
https://stackblitz.com/edit/angular-ivy-fwav88?file=src/app/app.component.ts
リストには何千ものアイテムが含まれる可能性があるため、CDK 仮想スクロールを使用してパフォーマンスを向上させたいと考えています。
しかし、これを使用すると、リストの幅を 100% に設定できませんでした。代わりに、水平スクロール バーがあります。
仮想スクロールを使用したコードの Stackblitz: https://stackblitz.com/edit/angular-ivy-xr5bok? file=src/app/sidenav/sidenav.component.html
私はフレックスボックスと私が知っている他のすべてのCSSトリックを使用しようとしましたが、成功しませんでした.
助けてくれて本当に感謝しています。
ありがとう！