幅の変更後のHTMLサイズ変更（Anuglar4）md-sidenavのように

Question

左側のメニューにはいくつかのコンテンツがあり、メニューにはボタンがあります。このボタンを押すとメニューの幅が小さくなりましたその瞬間に私のコンテンツの幅が大きくなります（フィットするようにサイズが変更されます）。

この効果は+ボタンを押すと内容が大きくなるか小さくなるhttps://material.angular.io/components/sidenav/examples md-sidenavに存在します。

私のボタンでこのサイズ変更が必要です:)、mbにはいくつかのCSSやjavascript/typescriptがありますか？

私は角4

Answer 1

最も簡単な方法を使用していますが、フレックスレイアウトを使用して、おそらくです - サイドメニューには、一定の幅を持っているでしょうし、コンテンツは、柔軟な幅を持っているでしょう。 これを参照してくださいplunker。フレックスオプションで遊ぶ場合は、flex playgroundにチェックしてください。単純なサイズ変更アニメーションを追加するには、Angular animations guideを使用します。サイドメニューのwidthプロパティをアニメートする2つの状態を作成します。