質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Material Design Lite

Material Design Liteは、WebサイトへMaterial Designの見た目や操作性を取り入れるためのライブラリです。

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Q&A

解決済

1回答

1282閲覧

Material Design Lite ドロワーの制御について

propg

総合スコア113

Material Design Lite

Material Design Liteは、WebサイトへMaterial Designの見た目や操作性を取り入れるためのライブラリです。

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

0グッド

0クリップ

投稿2018/07/17 08:42

Angular6とMaterial Design Liteの組み合わせを試しています。
便利ではあるものの、細かい制御についてのコントロール方法がわかりません。

その中のDrawerについて、
通常は自動制御されていてレスポンシブデザインの動きをします。(ウィンドウサイズによってドロワーが表示されたり隠れたり)
ドロワーにはメニューの機能をもたせたく、ログイン時などにはドロワー(メニュー)自体を隠したいと思っています。
また、ドロワーボタンも非表示にしたいです。
CSS指定で、display:none 、angular *ngIf でドロワーの表示はしないように無理やり制御はできますが、正しいやり方はどのように制御すべきでしょうか。

Material Design Liteについてはほとんど情報がなく、使用すべきなのか(この先困ることにならないのか)判断に困っています。
CSSフレームワークのたぐいはなにか使用したいと思っています。
Bootstrapのほうが良いのでしょうか。
アドバイス等お願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

Material Design lite ではなく、Bootstrap使用の方向で検討します

投稿2018/07/19 03:26

propg

総合スコア113

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問