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

angular - 入力値をダイアログ コンポーネントに渡す

material2 のダイアログ コンポーネントを実装していて、この問題に直面しました。

ビジネス要件に従って、開発者がダイアログにテキストを入力できる、すべての確認タイプのメッセージに対して一般的なダイアログを作成したいと考えています。しかし、ドキュメントによると、そのような規定はありません。同じ問題を回避する方法はありますか、それとも機能リクエストとして github に投稿する必要がありますか?

次のように呼び出します。

0 投票する
6 に答える
77941 参照

css - Angular 2 Material - プログレス スピナーを中央に配置する方法

以下のリンクからAngular 2プログレススピナーを実装しました

https://github.com/angular/material2/tree/master/src/lib/progress-spinner

中央に配置したいのですが、それを機能させる唯一の方法は、

CSSから。ただし、これにより、スピナーがページ上で大きく表示されます。

どんなアドバイスも素晴らしいでしょう。

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

html - md-card が横幅いっぱいにならないようにするにはどうすればよいですか? それらを並べて配置するにはどうすればよいですか?

サイド プロジェクトで angular2-material を使用してきましたが、カードを水平に積み重ねることができませんでした。それらは自動的に全幅を占めます。css クラスを使用して幅を制限しても、それらがスタックすることはありません。その後に配置されたすべてのカードは、前のカードの下に配置されます。

カードを水平に並べて配置する方法 (および画面の端に到達したときに適切に折り返す方法) について、いくつかのガイダンスをいただければ幸いです。

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

flexbox - Flex は Angular2 マテリアル カードのヘッダーを正しく配置しません

CSS を介してカード ヘッダーの左右に配置することができません。私のカードヘッダーではmd-icon delete_forever、右側に the が必要です。フレックスを試しましたが、うまくいきませんでした。

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

angular - Angular 2 / Material 2: チェックボックスにチェックを入れたバインディング

マテリアル (2.0.0-beta.1) を使用する Angular 2 (2.4.3) アプリがあり、チェックボックスのバインディングに関するいくつかの問題に直面しています。

コンポーネントのブール値に従って条件付きでチェックされるチェックボックスが必要です。クリックすると、ブール値を切り替えたい。

だから私はこれをしました:

そしてHTMLで:

toggleName()のようになります。

これを使用して、チェックボックスをクリックすると:

  • bool_showNameは false に切り替えられます
  • ただし、チェックボックスはオンのままです

チェックボックスを2回目にクリックすると、チェックボックス自体がオフになり、ブール値が再びトグルされるため、ロジックが逆になります。

次のような文字列を使用して設定した場合[checked]:

最初のクリックでチェックボックスがオフになり、ブールが切り替えられますが、ブールにバインドする方法がありません。したがって、コンポーネントから bool を変更しても、チェックボックスには反映されません。

私はおそらく何か間違ったことをしているのですが、公式ドキュメントの「例」を見ても、どこが間違っているのかわかりません。