問題タブ [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 投票する
4 に答える
30142 参照

angularjs - angular-materialで複数選択オプションを実装するにはどうすればよいですか?

ドキュメントとデモを確認しましたが、残念です!! angular-materialを使用してselect 2のような複数選択オプションを実装するための参照は見つかりませんでした。誰かがそれを機能させる方法を教えてもらえますか?

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

angularjs - ui-gmap-window (angular-google-maps) エラー内の md-button


Google マップの情報ウィンドウ内の HTML で md ボタンを使用すると、Chrome コンソールでこのエラーがスローされます。

angular-google-maps http://angular-ui.github.io/angular-google-maps/#!/ライブラリを使用して、Angular で Google マップを使用しています。このプランカーでは、エラーを再現できますhttp://embed.plnkr.co/fWlFjuyuldZj6uITvWH7/preview
これを修正する方法はありますか? ネイティブの html ボタンを使用するとうまく機能しますが、角度のある素材を使用する必要があります。

ありがとう。

0 投票する
0 に答える
1710 参照

angularjs - タブコンテンツのデフォルト遷移アニメーションを有効にする

マテリアルドキュメントの静的タブのみを実装しようとしていますが、同じドキュメントの動的タブと同じようにデフォルトのトランジションを維持したいと考えています。何が足りないのかわからない..

これが私がこれまでに思いついたものです。

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

twitter-bootstrap - 代わりに、ネイティブの angular-material または Bootstrap のようなマテリアル デザイン フレームワークを使用する必要がありますか?

Angular Material が flexbox を使用するという事実に加えて、Materialize などの Bootstrap のようなフレームワークを使用する場合と比べて、Angular にネイティブなマテリアル デザイン フレームワークを使用することには、プログラム (速度など) の利点がありますか?

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

angular-material - Angular マテリアルが機能しない

AngularJS アプリケーションで angular マテリアルを使用したかったので、すべての依存関係と共にダウンロードしました。

そして、それをアプリに含めました:

その後、ボタンで試してみたかった:

結果は次のとおりです (Chrome および Firefox の場合): ここに画像の説明を入力

そして、それをクリックすると、次のようになります。 ここに画像の説明を入力

私は何か間違ったことをしましたか?

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

angularjs - Angular Material タブにタイトルが正しく表示されない

角度のあるマテリアル タブを使用していますが、実装に問題があり、次の結果が得られます (Chrome および Firefox の場合):

ここに画像の説明を入力

ご覧のとおり、タブのタイトルは切り捨てられています。これが私の実装です: HTML:

JS:

plnkr を追加しました: http://plnkr.co/edit/nFMFmaGpLUwJPxRd1TpT?p=preview

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

angularjs - Angular-Material ディレクティブを使用できない

Angular と Angular Material の CDN URL を含め、Angular Material を使用しようとしました。しかし、それは機能していないようです。

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

angularjs - Angular-Material Design で sideNav を固定して開く方法

私は使用しています

コントローラーの toggleNave メソッドで値を設定します

しかし、これにより画面が開いたり閉じたりするときに点滅し、sideNav をピン留めして開くための最良の方法ではないようです。

身廊のトグルを開閉したいのですが、閉じるまで開いたままにしておきたいです。

md-is-locked="$media('')" を使用すると、sideNav が開いたままロックされ、ウィンドウがメディア サイズを下回るまで閉じません。これは私が望むものではありません。

md-is-locked をまったく使用しない場合、sideNav をクリックして離すと閉じて閉じますが、開いたままにしておきたいです。閉めたくなるまで。

誰でもこれを行う方法を知っていますか?

ありがとう

ところで: 私は ES6 を使用しているため、クラスとアロー関数を使用しています。:-)

0 投票する
0 に答える
553 参照

css - data- 属性に基づく CSS グリッド

私は、Angular Material が使用するレイアウト システムについて考えてきました。ここでは、(ディレクティブを使用して) レイアウトを作成する単純な属性を適用します。

クリーンであるだけでなく、一連のクラスを適用するだけの Bootstrap の方法と比較して、これはマークアップで行っていることの意味論的な記述であると彼らは主張しています。

はい、フレックスボックスとフロートベースのグリッドが同じではないことは知っています。ここでのポイントは、クラスベースではなく属性ベースのレイアウトを作成し、クラス内のスタイリング宣言をそのアイテムの特定のスタイル専用にすることです。「Bootstrap はセマンティックの反対です」という議論を何千回も聞いてきましたが、これは非セマンティックではなく実装の容易さを提供することを目的としていると思います。

この概念を利用すると、理論的には CSS で非常によく似たことができます。

またはdata-flex、あなたのボートが浮かぶものなら何でもできます。ポイントは、これらの属性が有効な HTML であり、IE7+ で動作し、スタイルにのみ関連するマークアップでスタイルを作成するというテーマにも従っていることです。ここでの欠点は、クラスよりも遅い属性セレクターを使用することです (わずかですが、それでも)。

私の質問:

  • これは実際、よりセマンティックなレイアウト方法ですか?
  • セマンティックであることは、CSS パフォーマンスの (小さいながらも) コストに見合うだけの価値がありますか?

これは意見を掘り下げている可能性があることは承知していますが、これが特定のもの(Angular Material、さらにはWebコンポーネントなど)の方向性であることを考えると、これは有効なプラクティスの質問でもあると思います. そうではなく、別の StackExchange サイトに属すべきだと思われる場合は、お知らせください。喜んで移動させていただきます。

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

javascript - md-autocomplete が表示されない

角度のあるマテリアル デザインを試していますが、md-autocomplete が表示されません。

私は既存のプロジェクトに含めました:

そして autocomplete.html:

私のコントローラーは空です:

生成される html は次のとおりです。

デモページで:

私のプロジェクトでは、ブートストラップと jquery も使用しています。

ありがとう。