問題タブ [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 に答える
8051 参照

angular-material - Angular Material:トーストを次々と表示し、両方を画面に表示する方法は?

$mdToast ( Angular Material フレームワーク) ディレクティブを使用して、Angular (-Material) Web アプリでいくつかのステータス メッセージを表示しています。

ユーザーがサインインすると、ログインが成功すると、次の呼び出しによってトーストが表示されます。

ログインが成功した後、別のチェック (有効なセッション Cookie など) を行い、前のトースト メッセージを上書きせずに、前のトースト メッセージが実際に表示された後に別のトースト メッセージを表示する必要があります。

ここで得られる問題は次のとおりです。

  • 2 番目のトーストが新しいトーストのに表示されます (おそらく $mdTost の非同期の性質による)
  • この 2 番目のトーストは 1 秒未満表示されてから消え、最初のトーストだけが画面に残ります(基本的に、2 番目のトーストが最初に表示され、最初のトーストが表示されると非表示になります)。

解決策は次のいずれかです。

  • then .thenコールバック内に 2 番目のトーストを作成する: これも機能しません。これは、ユーザーが介入して「OK」アクション ボタンを押す必要があるためです。
  • $mdToast.updateContent() の呼び出し; ( https://material.angularjs.org/#/api/material.components.toast/service/ $mdToast) 以前のトースト メッセージを上書きします (これは最善の解決策ではありませんが、どちらでも問題ありません) が、できません方法を理解する:

    (1) 画面に表示されている特定のトーストを選択します (異なる呼び出しでいくつかのトーストが表示されているとします)。

    (2) 遅延 (3 秒としましょう) 後にトースト メッセージを更新して、ログインは成功したが、他の情報があることをユーザーに知らせます。

どんな手掛かり?

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

material-design - Angular Material から md-tooltip を操作しようとすると、下部ではなく左側に表示されます

私は Angular Material を使用しています。md-tooltip をデフォルトの下部配置ではなく、md-button の左側に配置したいと考えています。

tooltip.css を直接変更しようとしましたが、tooltip.js が親ボタンを使用してツールチップを配置していると思われます。

どうすればよいかわかりません。

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

angularjs - md-autocomplete angular material ディレクティブに検証属性を追加する方法

私はAngular Materialのバージョン0.7.1を使用しています。ここで説明されているように、オートコンプリートを使用しています: オートコンプリート デモ

ただし、テキストエリアを生成するにもかかわらず、検証ロジックをサポートしていないようです: Autocomplete ディレクティブのドキュメント

querySearch 関数にロジックを追加して、ng-valid を ng-invalid に切り替えることができると思います。これは正しいです?この場合、md-autocomplete のハンドルが必要ですが、name 属性が削除されるため、これは困難です。

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

angularjs - Angular Material - 現在のビルドに展開可能なメニュー機能はありますか?

私はプロトタイプに取り組んでおり、拡張可能なメニューをセットアップするために使用できる既存の機能があるかどうか、または現時点でその機能を機能させるために独自のディレクティブを作成する必要があるかどうか疑問に思っていますか?

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

angular-material - angularマテリアル、テーマの色を定義するときにdark()関数を使用する方法は?

https://material.angularjs.org/#/demo/material.components.inputでデモを読んだとき

.dark() の意味は何ですか?
背景色を青、赤、または他の色にしたい場合はどうすればよいですか?

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

javascript - フレックスボックス表示モデルを使用して要素のスクロール位置を設定することは可能ですか?

Flexbox 表示モデルを使用する Angular Material を使用して Web アプリを構築しています。アプリは「フルページ」であるため、<body> のスクロール位置は (0,0) ですが、メイン コンテンツ <div> の上部にスクロールするボタンをツールバーに追加したいと考えています。Flexbox API が JavaScript にその機能を公開しているとは思わないので、それが可能かどうかはわかりません。

試みられた解決策: