問題タブ [angular-material2]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Angular Material - フレームワークをカスタマイズするためのベスト プラクティス
私は新しい仕事を始めたばかりで、Angular 2 を使用して新しいアプリケーションを構築する準備をしています。会社には多くのアプリケーションがあり、カスタム コンポーネントの開発ではなく、開発速度のために Angular Material を使用することを選択しました。ただし、アプリケーションに新しいルック アンド フィールをもたらすデザイナーがいますが、マテリアル デザインのテーマ標準とはまったく異なります。コンポーネントは実装が簡単なので、Angular Material を引き続き使用したいと考えています。私の質問は次のとおりです。
テーマを完全にオーバーライドし、カスタムのルック アンド フィールを実装しながら、開発者が機能のためにマテリアルを使用するのは一般的な方法ですか?
もしそうなら、落とし穴に関して何に注意すべきかについて何かアドバイスはありますか?
そうでない場合、特定のルック アンド フィールに縛られていない他のフレームワークのコンポーネントを使用するためのより良い方法に関するアドバイスはありますか?
アドバイスありがとうございます。
angular - 資料 2 - SystemJS プロジェクトで md-icon を機能させるには?
Material 2 SystemJS ベースのプロジェクトがあります。
マテリアル 2 は次のようにインストールされます。
次に、SystemJS 構成で配線されます。
に設定されているアイコンを指定するindex.html
:
の設定MdIconRegistry
:
次に、内部で使用されますAppComponent
:
しかし、これらの JS エラーが原因で機能しません。
言うまでもなく、Angular CLI を使用して作成されたプロジェクトでも同じ構成が正常に機能します。
md-icon
SystemJS プロジェクトで作業するにはどうすればよいですか?
angular-material - Angular2 Material ツールバーの自動非表示、どうやって?
マウスがツールバーを離れたときに上部の md-toolbar を自動的に非表示にし、マウスを上部に移動すると表示したいと思います。material2でそれを行う方法は?
angular - Angular 2 Material 2 Toolbar をモジュールとして実装する
プロジェクトでAngular 2を使用しているため、Material 2でAngular 2を使用する方法を学習しようとしています。コンポーネントを作成し、コンポーネントを NgModule 宣言に追加することにより、md-toolbar をコンポーネントとして実装する方法を理解しています。これはかなり簡単です。ただし、ツールバーをモジュール内のコンポーネントとして実装する方法がわかりません。そうしようとすると、次のエラーが表示されます。
私のコードは次のとおりです。
ツールバー モジュール:
ツールバー コンポーネント:
ツールバー コンポーネント HTML:
アプリ モジュール:
アプリ コンポーネント:
アプリ コンポーネント HTML:
簡単なことを見逃したような気がしますが、それを理解できていません。物事をモジュールに分割するこのパターンは私にとって一般的であるため、どんな支援も大歓迎です。