問題タブ [angularjs-material]

Angular アプリケーションでサイド ナビゲーションを使用しています。サイド ナビゲーション内でツール ヒント付きのボタンを使用しています。しかし、アイコンの下部に表示されます。右側に必要です。それに添付されているcssは表示されません。

コードとplnkrは次のとおりです。

SIDE NAVIGATION

初めてスタックに関する質問を書いています;) $mdSidenav (Angular マテリアル コンポーネント。https://material.angularjs.org/ を参照) をテストする際に問題があります。私のコントローラーには次のようなものがあります：

テストしたいです。したがって、テストファイルでは、まず、このオブジェクトのモックを作成しました:

それから私はそれをテストしようとしています:

しかし、カルマは私にこのエラーを送ります:

エラー: スパイを予期していましたが、機能を取得しました。

誰かが私を助けてくれることを願っています;）

Angular マテリアル レイアウトを作成しようとしています。私の目標は、垂直スクロール バーを作成せずにブラウザー ウィンドウ全体を埋めるページを作成することです。ページの上部には、ページの幅の 100% を占めるツールバーがあります。ツールバーの下には、幅の 100% を占めるタイトル領域があります。タイトル領域の下に、左側にナビゲーション メニュー、右側にクライアント領域が必要です。私の目標は、ナビゲーション メニューとクライアント領域の両方をブラウザ ウィンドウ全体に垂直に表示することです。

私が達成しようとしていることを視覚的に示すために：

レイアウトの行と列、および属性 flex と layout-fill を試してみました。私が見つけた他のすべての投稿は、これが正しい組み合わせで可能であることを示していますが、解決策は私にはわかりませんでした. 問題を示すために Plunker を作成しました。

http://plnkr.co/edit/Eva0Cf6KKa0z6I9YsR8t?p=info

ここに私のindex.htmlがあります：

そして main.html (ng-view に表示されます):

もちろん、Plunker を見て、すべてが接続されていることを確認し、問題を視覚的に確認してください。

どんな助けでも大歓迎です！

PS。このプランカーを IE 11 でテストしたところ、他の表示の問題が発生しています。しかし、それは別の日の別の質問です。Chrome で正しく動作するはずです。また、幅が 600px 未満のウィンドウではメニューが自動的に非表示になります。ウィンドウを表示するには、Plunker の表示ウィンドウを広くします。

アプリに AngularJS ダイアログを実装しようとしていますが、material.angularjs.orgで提供されているデモからすべてをコピーしていますが、機能させることができないようです。誰かが私が欠けているものを見ることができますか?

これはJavascriptコードです：

次に、ボタンのクリック時に関数が呼び出されます。

コンソールのエラー ログから、次のような結果が得られます。

選択ドロップダウン内で AngularJs Material Design ライブラリの選択ドロップダウンを使用したいと考えています。私が直面している問題は、内側のドロップダウンを選択すると、リストがコンテンツの外側に表示されることです。

ここで、親ドロップダウン内に別の選択ドロップダウンを配置したい場合、上記のコードのようなインスタンスですか?

サブ選択をクリックすると、リストがコンテンツボックスから表示されます。この問題を示す codepen の例を次に示します。

http://codepen.io/sstory/pen/vOyGga

Angular Material の UI コンポーネント「Bottom Sheet」として画面に表示されるフォームを作成したいと考えています。

ユーザーがボタンをクリックすると、パネル (div ???) がページの下部にフォームとともに表示されます。このパネルは現在のページに重ねて表示され、ユーザーがクリック (またはパネルを下にスワイプ) すると、パネルは消えます。

このフォームを従来の「ボトム シート」に実装しましたが、この UI コンポーネントはボタンを表示するためだけに設計されており (入力は表示されません)、入力にフォーカスを当てようとすると制限があります。

仕事をする既存のディレクティブがありますか、またはどこから始めればよいかわからないため、誰かが最初からそれを書くようにアドバイスしています。

特定のブレークポイントがヒットした場合にのみ適用される div 用の CSS を作成しようとしています。sm、md、または lg。

angular-material ( https://material.angularjs.org ) を使用しています。

これはメディアクエリを使用して実行できることは知っていますが、これを行う@media (max-width: 480px) { ... }ための角度のある素材の方法を探しています。

このコードは、コンテンツを垂直方向と水平方向の両方で中央揃えにすることを期待しています。それはできますが、ウィンドウを小さくする (モバイル サイズ) とすぐに、テキストの (h1とp) の配置が左に変わります。

非常に基本的なものが欠けていますか？それでうまくいくと言えますtext-centerが、CSSスタイルを自分で追加したくありません。