問題タブ [angular-material]

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.

0 投票する
1 に答える
687 参照

angularjs - ng-polymer-elements 、 angularjs 、および requirejs を一緒に操作するには?

angular および requirejs で ng-polymer-elements を使用しようとしています。この指示https://github.com/GabiAxel/ng-polymer-elementsに従いましたが、成功しませんでした。「main.js」のrequireからインスタンス「ng-polymer-elements」を削除すると、すべてが正しく機能します。誰か助けてください。ありがとう。

少し問題の部分:

キャッチされないエラー: [$injector:modulerr] 次の理由により、モジュール Coderup のインスタンス化に失敗しました: エラー: [$injector:nomod] モジュール 'Coderup' は使用できません! モジュール名のつづりを間違えたか、モジュールをロードするのを忘れました。モジュールを登録する場合は、依存関係を 2 番目の引数として指定してください。

main.js

app.js

問題:

みんな、私がそれを解決するのを手伝ってください。このプロジェクトは git で取得できます。

0 投票する
4 に答える
35307 参照

angularjs - angular-materialで古典的な「スティッキーフッター」を実装する方法は?

Angular Materialの実装が進行中の作業であることは認識していますが、今朝はそれに慣れるために時間を費やしました。ただし、デモに示されている概念をスタンドアロンのサイトで機能させるのに本当に苦労しています。

ディレクティブ like<md-toolbar><md-content>が固定高さのコンテナーで使用されると、うまく機能するようです。それらをタグ内にスローして、この例のように<body粘着性のあるフッター レイアウトを作成する方法に苦労しています。

多くのバリエーションを試しましたが、コンテンツが DOM から削除された場合に機能しない例を 1 つ示します。コンテンツがそこにあるとき、それはビューポートを超えて成長し、フッターはあなたが期待するようにその後に配置されます. Chrome と Firefox の最新バージョンでは、この例はコンテンツが削除されたときにフッターを下部に保持しますが、IE ではこれはまったく機能しません。IE では、メイン コンテンツが表示されているかどうかに関係なく、フッターはヘッダーのすぐ下に表示されます。

デモ: http://codepen.io/sstory/pen/xbGgqb

Javascript:

CSS:

私は間違いなく CSS の第一人者ではありませんが、angular-material のレイアウト オプションを使用すると、これを簡単に行うことができるように思われるので、ここで明らかな何かが本当に欠けていることを願っています。

0 投票する
1 に答える
36161 参照

css - Angular Material Design の入手方法IEで適切に画像にスケーリングするためのディレクティブ?

これは可能な問題としてmaterial.angularjs.orgサイトに投稿しましたが、知っておくべき CSS ベースの解決策がある場合に備えて、ここに投稿したいと思いました。

寸法が異なる画像の列が複数ある「石積みレイアウト」を作成しようとしています。カードを使用して各画像を保持しようとしていますが、Chrome と Firefox では期待どおりに動作します。カードはウィンドウに合わせて拡大縮小され (flex を使用)、画像はカードのサイズに合わせて拡大縮小されます。ただし、IE 11 では、カードの高さが画像の実際の高さにとどまっているように見えます。問題を示す Codepen を作成しました。

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

...そして、これが私が追加した唯一の非マテリアル CSS です。

Chrome で実行されている例を次に示します。カードの幅と高さが画像を尊重していることに注意してください。

ここに画像の説明を入力

...しかし、IE11 での結果は次のようになります。IE では、水平方向の画像はカードの幅に合わせて高さが縮小されますが、カードの高さは縮小されません。画像の高さはそのままです。

IE での結果では、カードが縮小されても、画像の高さ全体が保持されていることがわかります。

このようなものに対する CSS 修正はありますか、<md-card>それともディレクティブの実装方法に問題がありますか?

明確にするために、私はこのライブラリが進行中の作業であることを認識しており、これまでのところ気に入っています。私はCSSが苦手なので、これを修正できるかどうか、またはマテリアルコードで問題が修正されるのを待つ必要があるかどうかはわかりません.

0 投票する
5 に答える
20770 参照

javascript - ui-router を使用した angular-material のタブごとに個別のコントローラー

私は実装しようとしているmd-tabsので、それぞれmd-tabが角材を使用して別々の状態です。私の現在のマークアップは次のようになります。

ただし、これは ui-router の有効なマークアップではないと思います。angular-material と ui-router の現在のバージョンでこれを行うことは可能ですか?

0 投票する
1 に答える
1323 参照

angularjs - ngMaterial 依存関係を持つ angularjs アプリでジャスミン テストを実行するとエラーが発生する

angular-material に依存するアプリがありますngMaterial

次のテストコードでジャスミンとカルマを使用してテストを実行しています

実行するとkarma start、次のエラーが発生します。

ngMaterialアプリモジュールの依存関係を削除すると、すべて正常に動作します。

私のkarma.conf.jsファイルには次のfiles配列があります:

0 投票する
1 に答える
129677 参照

angularjs - ブートストラップとマテリアル デザインの選択

AngularJS (フルスタック) を使用して新しいプロジェクトを開始します。私のプロジェクトはレスポンシブである必要があり、テンプレートをゼロから作成します。

ブートストラップ 3 (Angular ディレクティブ付き) を選択するか、レイアウトにマテリアル デザインを選択するかについてアドバイスが必要ですか?

誰かが両方の長所と短所を挙げていただければ幸いです。

0 投票する
2 に答える
6791 参照

angularjs - Polymer の Paper Elements & Angular Material

Angular Material githubおよびホームページからの次の引用を理解するのを手伝ってください。

このプロジェクトは初期のプレリリースです。Angular Material は、Material Design のリファレンス実装であると同時に、Polymer プロジェクトの Paper Elements コレクションを補完する取り組みでもあります。


Angular Material Design プロジェクトは、Polymer プロジェクトの Paper 要素コレクションで提供されているものと同様の参照実装作業です。このプロジェクトは、マテリアル デザイン システムを実装する一連の AngularJS UI 要素を提供します。

Polymer は Web コンポーネントのフレームワークであり、プロジェクトの 1 つは紙の要素のコレクションであることを理解しています。この 2 つがどのように関連しているか、または Google が 2 つの非常に似ているが異なるプロジェクトを開発している理由がわかりません。

  • 角度のある素材は単に紙要素から角度へのポートですか?
  • Web 開発者は Web アプリで Paper Elements と一緒に Angular Material を使用する必要がありますか?
  • この 2 つは最終的に実質的に同等になるのでしょうか? (AngularJS 開発者が使用している Angular Material と他のユーザーが使用している Paper Elements?)