問題タブ [angular-material2]

私のアプリは Angular 2.0.1 と Angular Material 2.0.0-alpha.8-2 を使用しています。md-menu ドキュメントに従って、md-toolbar ヘッダーのボタンにメニュー ドロップダウンを追加しました。このヘッダー、ルーター アウトレット リンク、およびフッターは、AppComponent の 3 つの要素です。問題 #1: ボタンをクリックすると、テスト メニューが表示されますが、ボタンからのドロップダウンではなく、フッターの下にあります。x と y の位置を試しましたが、結果はありませんでした。ドロップダウンには、ページにルーティングするためのアンカー リンクが含まれています。問題 #2: アンカー リンクをクリックすると、ドロップダウンは消えますが、新しいページへのルーティングは発生しません。これらのアンカー リンクは、テスト目的でツールバーにもあります。リンクとルーターは、メニューの外側のツールバーで正しく機能します。関連するコードは次のとおりです。

何を変更する必要がありますか?

pikadayカレンダープラグインがあり、angular 2アプリケーションで使用したい.

npm i pikaday次のインストールタイプの定義を介してインストールしましたが、エラーが発生しnpm i @type/pikadayた後：import {Pikaday} from "pikaday"

モジュール '"*/node_modules/@types/pikaday/index"' には、エクスポートされたメンバー 'Pikaday' がありません。

しかし、このパスから index.d.ts ファイルを見ると、Pikaday がエクスポートされ、宣言されていることがわかります。解決方法がわかりません...

それとも、 angular-material2 と互換性のある他のカレンダー ライブラリがあるのでしょうか? （「ng2-datepicker」と「angular2-datepicker」、および「bootstrap」または「jquery」を使用するツールには興味がありません）。

最新の angular-cli (beta.15) および angular 2.0.0 によって生成されたプロジェクトで使用しています。

Material 2 Sample Programを試しています

md-toobar のデフォルトの高さは 64px で、
マテリアルの toobar.scssで定義されています

サンプル アプリ material2-app-theme.scssで 32px にオーバーライドするにはどうすればよいですか?

フォーカスされていないときに md-input のテキストの色と線の色を変更することはできますか? たとえば、暗い背景で md-input を使用しているため、白いフォントと下線が必要です (以下を参照)。他のフォームのデフォルトの色を保持したいので、特定のコントロールを直接スタイル設定できるソリューション、または入力に別のテーマを配置する方法が理想的です。

フォームでエラーが発生した場合は、入力のラベルと、下のテキストの色と境界線の色を変更します。

そこで、ラベル用に次のコードを作成しました。

ただし、プロジェクトを実行すると、css は次のように変更されます。

したがって、それは機能しません。アイデアはありますか？（グーグル翻訳で翻訳）

Chrome コンソールでエラーを取得しています: 例外: エラー: キャッチされていません (約束されています): TypeError: null のプロパティ 'applicationName' を読み取れません。

モデル: クラス BasicInfoModel のエクスポート {

親コンポーネントにデータを送信するコントローラー、そこにある親コンポーネントがサービスに保存されます。

コントローラ：

私が達成したいこと:

1. コードをビルドするときに、formGroup に null 値を設定する必要があります。
2. データを入力してサービスの behaviourSubject に保存したとき、後でページに再度アクセスしたときに、formGroup がデータ サービスと同期している必要があります。

私は Angular2 でモジュールのこつをつかむのにしばらく費やしましたが、本当に気に入っていますが、モジュールとその中のコンポーネントの両方をテストするための最良のアプローチについて少し確信が持てません。(また、私の app.component はもっと分割できるし、おそらく分割する必要があることも認識していますが、今のところ、テスト フレームワークをもう少し複雑にすることを学習するのに役立ちます)

たとえば、これは私の app.module です:

これは私のapp.componentがどのように見えるかです:

したがって、テスト内ですべてのコンポーネントをモックアウトできる可能性があることはわかっていMaterialComponentsますが、これは少し面倒です。それが私の唯一のオプションですか。もしそうなら、コンポーネントをプロセスの一部として作成するときに、コンポーネントのモックを作成することは理にかなっています。

参考までに、これは私の材料モジュールがどのように見えるかであり、私のビューとコンポーネントモジュールは似ています:

ここで簡単なコードを作成しましたhttp://embed.plnkr.co/INpybaat2XZqdStsKAdy/。カードは 1 行でレンダリングされませんでした。1行でレンダリングするにはどうすればよいですか? ありがとうございました。

angular/material2 アプリケーションでカスタム テーマを作成するために、angular-cli とテーマ ガイドを使用しています。

scss ファイルでは、プライマリ カラーとアクセント カラーが $primary および $accent scss 変数に割り当てられます。

カスタム コンポーネントの scss スタイルで $primary 変数を使用する方法はありますか? angular-cli がコンポーネントのスタイルシートをコンパイルしようとすると、「未定義の変数: "$primary"」という結果になります。

前もって感謝します