Angular ページトップにスクロールするボタン

こんにちは。レモンティーです。今回はページトップにスクロールするボタンです。よく画面の右下とかに見かけるやつですね。ググるとjQueryでの便利なやり方が沢山ヒットします。 Angularの場合はどうすればいいでしょうか。 今回は@ViewChildとscrollIntoViewメソッドを使います。テンプレートで、スクロールの移動先にする要素に#pageTopとつけて Template reference variableとして扱えるようにします。詳しくは↓ https://angular.jp/guide/template-syntaxここではdivですが他でもOKです。 <div #pag…

AngularMaterialのフォントを変更する方法

こんにちは。レモンティーです。今回はAngularMaterialのフォントを変更する方法です。Google FontsのフォントをAngularMaterialに設定します。 fonts.google.comAngularMaterialのボタンやナビゲーションのフォントは デフォルトではRobotoというフォントになっています。 これを変更するにはmat-typography-configを使います。まず、プロジェクトのsrcフォルダとかに 適当な.scssファイルをつくって以下のように書きます (もともと色を変えたりでカスタムテーマを使っている場合はその.scssファイルでOKです。)m…