問題タブ [mat-dialog]

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 投票する
0 に答える
490 参照

css - マットで動的なカスタム スタイルを作成する方法 - 各マット テーブル行のダイアログで、Angular で上の三角形を使用する - マテリアル

これが私のサンプルコードです。 ここで私の作業サンプルコードを見つけてください

マットダイアログボックスの右上隅に三角形を設定する必要があります-Angular。

最後の行で静的 css を使用して、右上隅の三角形のダイアログ ボックスを取得しています。しかし、ここでは、変更要求ボタンのクリックで各行を取得できません。

以下のコードは、ダイアログボックスコンポーネント用です

以下のコードは style.scss からのものです

私はこのようになっています。 ここに画像の説明を入力

ここに画像の説明を入力

しかし、変更要求ボタンのクリックイベントの下の各行に上矢印のあるダイアログボックスが必要です ここに画像の説明を入力

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

angular - @Inject MAT_DIALOG_DATA を使用して複数のプロパティを渡す

このダイアログは共有されているため、さまざまな場合に使用する必要があります。私がしようとしているのは、コンポーネントがダイアログを使用するときに異なるデータを受け取ることです。

最初のデータは正しく受信できるのですが、「data2」は「data1」と同じです...「@Inject(MAT_DIALOG_DATA)」を2つ使用することはできますか?

ダイアログctor(私が試したこと)

Mat-dialog 設定ファイル

Open dialog メソッド

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

javascript - MatDialog : FullscreenOverlayContainer のテーマ表示バグ

ご迷惑をおかけして申し訳ありませんが、開発チームで問題に直面しています。

ナビゲーターによって全画面コンテナーとして表示できる div があります。この div 内でモーダル MatDialog を開きます。この MatDialog は div ではなく body に関連付けられているため、FullscreenOverlayContainer を使用して、フルスクリーン モードでのオーバーレイ要素の正しい表示をサポートします。このアプリケーションでは、デフォルトとダークの 2 つのテーマを使用します。モーダル MatDialog が div から全画面表示モードで開かれると、選択されたテーマ (デフォルトまたはダーク) が正しく表示されるモーダルにうまく送信されます。一方、div が全画面表示モードでない場合、モーダル MatDialog は選択されたテーマを受け取らないため、正しく表示されません。

お時間をいただきありがとうございます

モーダル MatDialog

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

angular - *ngFor を使用してマット ダイアログに渡されたデータを取得する

*ngFor を使用して、ダイアログ コンポーネントに渡されたデータを表示しようとしています。私はこのようなデータを渡しています

1.viewページを使用して、ダイアログコンポーネントでそれらにアクセスしようとしています

2.ts ページ

出力を取得します

ただし、select ステートメントではありません。select にオプションが入力されていません。ご覧のとおり、同じ列が以下に入力されますが、select ステートメントではそうではありません。提案をお願いします。 ここに画像の説明を入力

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

angular - クローズが無効になっているときにマットダイアログの背景をクリック可能にする方法はありますか?

閉じるボタンをクリックしたときにのみ閉じるマットダイアログを開発しました。つまり、無効に設定されています。ダイアログが開いているときにバックグラウンドで入力したいと思います。これを有効にするにはどうすればよいですか?

コード:

hasBackDrop= true関数内で背景を有効にしてみました。残念ながらうまくいきませんでした。どうすればこの問題を解決できるか分かりますか?