Angular Materialをカスタマイズ
Angular Materialは便利だけどカスタマイズ方法ちょっと迷っちゃうな、と思ったのでまとめておきます。 そもそもMaterial Designとは Angular Material は Material Design に沿ったサイトをAngularで作る時に便利なコンポーネント集！ ……なのですが、そもそもMaterial Design とは？ 見た目で選ぶ前にちょっとガイドラインを見てみましょう。 https://material.io/ Material Design は Google さんが作ったデザインガイドラインです。 デザインガイドラインなので制約がたくさんあります。 制約を守ることで、細かい部分のことを考えなくても要素を組み合わせるだけでガイドラインに沿ったきちんと感のあるデザインに仕上げる、というものです。つまり統一感のためのものです。 しかし Material
AngularのReactiveFormとAngularMaterialを組み合わせる - Qiita
import { Component, OnInit } from '@angular/core'; import { FormBuilder, FormGroup, Validators, AbstractControl } from '@angular/forms'; // 性別用型 interface Gender { value: number; display: string; } @Component({ selector: 'app-root', template: ` <form [formGroup]="editForm" (ngSubmit)="onSave()" class="form"> <mat-form-field class="form-field"> <input matInput placeholder="お名前" formControlName="nam
Flex-Layout と Angular Material でグッバイCSS – 検索フォームを作る ｜ DevelopersIO
Flex-Layout と Angular Material でこれを作りました。 この画面、CSSファイルには何も書いていません。 いい時代になりましたね。ごめんなさい、嘘です。 全体のパディングだけ1行設定しています。それ以外はすべて Flex-Layout と Angular Material の仕組みで完結しています。 ※ Twitter等で「CSSがなくなるわけではないよね」というご指摘をいただき確かにそのとおりですので全体的に誤解を与えぬよう修正しています。ありがとうございました。 自分で書くCSSをなるべく少なくしたい 可能な限りフレームワークやライブラリの仕組みに乗り、CSSファイルの記述量は少なくしたいところです。単純にメンテするコードの量が減りますし、どこに何のCSSが適用されているのか気にしなくてよくなります。 画面を構成していくための道具を選定するにあたり、以下2要
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular Materialでローディング（処理中）を実装する - Qiita
Angular Material And Angular 6 — Material Design For Angular
