問題タブ [angular-material]

アプリケーションのレイアウトを設計するために角度のあるマテリアル デザイン レイアウトを使用しています。
ページは、ナビゲーション、メイン、フッターの 3 つのスコープで構成されます。ここで私が今までやったこと

私が望むのは、フッターが常に下部にあり、主要部分が lorem ipsum で始まる必要があることです。使用可能な高さのスペースを埋める必要があります。html コードは次のとおりです。

そしてジャバスクリプト

css ファイルが空です。

私の質問は、ナビゲーション、メイン、フッターを使用してレイアウトを設計する方法ですか?

チェックボックスをモデルにバインドしたいのですが、モデルにカスタムロジックがあるため、これを行う良い方法が見つかりません。

私は偽の/ローカルスコープ変数にバインドしてから、ng-changeでモデルを更新しました。次のように ng-init でチェックボックスの初期値を設定します。

要するに、モデルをチェックボックスにバインドできない理由は、この人のキーが日付オブジェクトの配列にない場合に反映されるためです。以下の私のgetStateとsaveState：

これは実際に機能します。これは素晴らしいことです。別のクライアントがモデルを更新すると、問題が発生します。モデルが変更されると、ビューも変更されます。私は実際に人の配列の更新された新しい長さを取得します（そのため、例に入れました）-{{ date.persons.length }}更新されます。一方、私のチェックボックスは更新されていません - ng-init は再び呼び出されず (最初の初期化でのみ呼び出されます)、私の ng-change も呼び出されないので、これは明らかです - チェックボックスがそれ自体が変更/クリックされます。

最善のアプローチが何であるかを理解しようとしていますが、決心できません。次のように、グリッドの完全な再作成をトリガーする実用的なソリューションがあります (これng-repeatは 1 人だけのためのものです。人のリスト = 大きなグリッドの日付のリストがあります)。

更新するすべてのデータのために画面がちらつきます-このイベントが到着してすべてを更新するときに、1つのクライアントのユーザーがグリッドを更新するとどうなるか心配です。

私が考えている別の解決策は、 eventData をチェックして変更された日付を把握し、この日付のすべてのチェックボックス (各人に 1 つ) を見つけて、変更イベントを手動でトリガーします (jqlite組み込みの angular throughを使用する可能性がありますelement)。ただし、これらのdom操作はangularの宣言性に反するため、その解決策は私には「間違っている」と叫びます。

皆さんは何がベストだと思いますか？

1) 子の div を 60% に伸ばして中央に揃えようとしていますが、うまくいきません。フレックスを使用して、div のサイズを 60% に引き伸ばしています。例を参照してくださいhttp://plnkr.co/edit/eaLjJDbjL1KnOI4jLYyO?p=preview

2) Angularjs Material ドキュメントでは、「レイアウト内の要素のサイズと位置をカスタマイズするには、flex、offset、および flex-order 属性を使用する」と記載されていますが、offset の例はありません。

angularマテリアルレイアウトに基づいた次のレイアウトがあります。

firefox と chrome で試してみてください。同じように動作しないことがわかります。なぜですか?

質問は簡単です。ui-routerでビューを取得できるように、角度のあるマテリアルのツールバーとサイドナビゲーションバーを取得するにはどうすればよいですか? 以下は私の作業コードであり、小さなディスプレイでサイドメニューを切り替えるボタンも必要です。https://material.angularjs.org/以外のドキュメントをご案内いただければ幸いです。

コントローラ

そして、なぜこの警告が表示されるのですか

マテリアル デザインと、マテリアル デザインで説明されているガイドラインの一部について研究しています。

欠けていると思われるセクション (カバーする必要があるかどうかわからない) は、Google が Fieldsets にアプローチする方法です。ドキュメントは個々の入力をカバーしていますが、Fieldset を調べることはありません。

私がよく目にするアプローチの 1 つは、フォームを単一のカードに表示することです。他のアプローチでは、単純な標準背景に配置することを好みます。

フィールドセットを提示する最も「マテリアル デザイン」な方法は何ですか? 正しいか間違っているかはわかりませんが、理論的に正しいアプローチがあるはずです。