問題タブ [angular-material2]

Angular2、Material2、および Bootstrap を使用しています。レイアウトは基本的に

すべてのカードの内容が異なるため、高さが異なります。

どうすれば同じ高さにできますか？(フレックスボックス..しかし、どのように?)

プランカー

注: Material2 にはまだレイアウト システムがないため、レスポンシブ グリッドに Bootstrap を使用しています。どんな堅固なグリッドシステムでも機能します。

Google Material からアイコンを表示するための md-icon を取得できません。多くの説明を必要としない人のために、ここにコードを示します。詳細はコードの後に​​あります。

app.component (すべてのメイン コンポーネントを表示します。実際の md アイコンは header.component にあります):

ヘッダー コンポーネント (md-icon を呼び出そうとする場所):

アイコンを使用するための Google マテリアル サイトの手順に従った css と html は次のとおりです。

CSS:

HTML:

もともと、md アイコンをプレーン テキストで「ホーム」としてレンダリングするだけで、エラーは発生しませんでした。ただし、MdIcon のディレクティブが欠けていたと思うので、それを挿入したところ、「MdIconRegistry のプロバイダーがありません!」というエラーが表示されました。彼らはドキュメントでMdIconRegistryについて少し話していますが、私が読んでいる方法から、私が使用したい標準のGoogleアイコンを使用したくない場合にのみ必要です。基本的に、コンポーネントをインポートし、ディレクティブを含め、インデックスにリンクを追加し、CSS コードをスタイルシートに追加しました。私が読んだことから、それはうまくいくはずですが、明らかに何かが欠けています。

実際の質問とは関係のないコードについて誰かが批評を持っている場合は、お気軽にお知らせください.

前もって感謝します。

angular cli と angular material 2 を使用しています。ツールバーのボタンは適切なデザインの色を取得しますが、sidenav を実装する場合、ボタンのクリックで.mdsidenav-openingクラスが追加されますが、CSS ルールはありません。

YouTube やその他の学習サイトにはいくつかの Angular2 チュートリアルがあり、その中にはマテリアル デザイン ライト (MDL)を使用したものや、デモンストレーション目的で新しいAngular2 マテリアルを使用したものがあります。

Angular2 マテリアルはまだかなり新しく (現在はアルファ版)、MDL と比較してコンポーネントとドキュメントの数が限られていることを考慮すると、この時点でAngular2 に実装するより良いオプションであり、その長所と短所は何ですか?それぞれAngular2に固有ですか?

Angular 2 アプリにAngular Material 2を使用しています。ダッシュボード ページがブラウザーでフル ページをレンダリングしません。添付されているのは、上記の問題のスクリーンショットです。

AppComponent - テンプレート ファイル:

DashboardComponent - テンプレート ファイル:

DashboardComponent.ts:

ここで何か不足していますか？

参照してください: 半ページ レンダリングされたダッシュボード ページのスクリーンショット

あなたの助けに感謝。

したがって、2 つのプロジェクトがあり、1 つはgulpで動作します。今、私はこのプロジェクトで webpack を使用するためにこれを移植しようとしています。

問題は、ngMaterial アイコンを含めることができないようです。スタイリングを確認すると、Angular2 Material スタイルを取得しているように見えます...

(左側は成功した gulp プロジェクトを示し、右側は失敗した Webpack ベースのプロジェクトを示しています)

誰かが私が欠けているものを見ることができますか?

*.component.html で定義された sidenav にアクセスして、画面幅などのプロパティに基づいてそのモード (over | push | side) を動的に制御できるようにしたいと考えています。

以下の md-sidenav にアクセスするにはどうすればよいですか

*.component.ts で定義されたコンポーネントから?

私は現在