今日すること こんにちは、ふるてつです。 今回のテーマもAngular Materialで、<mat-menu>のお話です。 以前わたしがbootstrapで作っていたメニューと同じものをmaterialで作ろうと思います。 メニューは上記のような感じです(緑色の部分です) mat-menu関連のリファレンスについて リファレンスはこちらです。https://material.angular.io/components/menu/overview リファレンスを参考にして作っていきます。 わたしの場合はヘッダー用のコンポーネントを作っていて、その中にまず<mat-toolbar>を配置しています。 そしてその中に<mat-menu>やmat-buttonを動的に入れています。 サインアウトなど必ず表示するアイコンなどは固定で配置します。 ヘッダー用のコンポーネントについて まずヘッダーのh
![Angular7 で Web アプリを作ろう - mat-menu - ふるてつのぶろぐ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4e66dae576b5fac49a02ac3559ac500995bd9736/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftetsufuru%2F20190429%2F20190429122238.png)