問題タブ [ng-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.
javascript - ngDialog - Chrome でダイアログを開いたり閉じたりしてもボディ クラスが変わらない
AngularJS Web アプリでポップアップを表示するために ngDialog を使用しています。Chrome で約 20% の確率でしか発生しない、特殊な問題が発生しています。Firefox と IE にはこの問題はありません。
ダイアログが開いているとき、ngDialog は次のようclass="ngdialog-open"にbodyタグに追加します<body class="ngdialog-open">。ダイアログを閉じると、 にbody戻ります<body class>。問題が発生しないためには、これらが期待どおりに存在する必要があります。
ただし、Chrome では、この変更は約 80% の確率でしか発生しません。残りの 20% の時間では、ダイアログが閉じられても、bodyタグはクラスを持ち続けます。dialog-openまたはその逆 - ダイアログを開きましたがbody、新しいクラスが取得されません。これが発生すると、ページをクリックして操作する必要があります。たとえば、テキスト入力をクリックしたい場合、それを操作するにはダブルクリックする必要があります。ただし、最初のクリックを行うとbody class、期待値が変更され、期待どおりにページを操作できます。
angularjs - angular jsのng-dialogで閉じることを無効にすることは可能ですか?
私がしようとしているのは、他のボタンがクリックされるまで ng-dialog ポップアップで閉じるアクションを無効にすることです。ポップアップで入力にテキストを入力し、保存ボタンをクリックするまでそれを行いたいのですが、ポップアップはすべきではありません(*) マークのいずれかで閉じます
angularjs - angularオブジェクトプロパティをngDialog open()に渡しますか?
angularオブジェクトプロパティをngDialogモーダルウィンドウに渡す方法はありますか? 通常のhtmlのように渡すことはできないようです:
<img ng-src="{{ member.picture }}" alt="{{ member.name }}" ng-click="showModal(' member.id ')" /><br />
上記では、最初の 2 つのオブジェクト プロパティ (member.pictureと) は正常に機能し、ビュー内の実際のコンテンツ (となどmember.name) に置き換えられますが、3 番目のプロパティは文字列リテラルとして に渡されます。path/to/picture.jpgJuha UntinenshowModal()
member.id1、2、または 3 のような数値を持つの実際の内容を渡すにはどうすればよいですか? たとえば、最終的なパラメータは次のようになります。showModal(1)
これを行うと:
ng-click="showModal( {{ member.id }} )"、次のエラーが発生します。
Syntax Error: Token '{' invalid key at column 13 of the expression [showModal( {{ member.id }} )] starting at [{ member.id }} )].
コントローラーの ngDialog 関数は次のとおりです。
これは、パラメーターを渡すテスト用です。最終バージョンでは、渡された id パラメーターに応じて詳細 (名前、画像など) が埋められた 1 つの部分ビューを作成したいと考えています。
css - ngDialog - 最大の高さを取得
ポップアップ ウィンドウに ngDialog を使用しています。画面全体と同じ幅にすることはできますが、高さほどにはできません。これが私が使用しているスタイルです：
高さ: 100%; 最大の高ささえほとんど与えません。
コードのどこかで、ダイアログが開いた後、次のように言うことができます。
これにより、ポップアップウィンドウが画面全体と同じ高さになりますが、ポップアップが画面を超えていなくても、画面自体はスクロール可能になります。
ご覧のとおり、右側に垂直スクロール バーがあります。このスクロールの問題は修正できますか?
ありがとう
angularjs - Angular Material ダイアログのポップアップが表示されない
そのため、ボタンをクリックすると、ブラウザ ウィンドウ全体が真っ暗になり、ポップアップは表示されません。要素を検査すると。マウスを合わせるとポップアップのアウトラインが表示されますが、コンテンツは表示されません。
html
レビューフォーム html
angularjs - ダイアログが正しく表示されているにもかかわらず、データが表示されない Angular および ngDialog の問題
私は ng-Dialog で Angular / Typescript を使用しています。この段階で、ng-Dialog はテンプレートを希望どおりに正しく表示しています。ただし、データは表示されません。シナリオは次のとおりです。すべての連絡先リストを表示する詳細ページがあります。ユーザーが連絡先をクリックすると、ContactController.selectRecord 関数が呼び出され、選択された行のインデックスが渡されます。この関数は、指定された連絡先を見つけて、ダイアログをポップします (この段階まで、データを含めてすべてが機能しています)。ただし、ダイアログがポップされると、値は表示されません。コードは次のとおりです (コードは簡潔にするためにトリミングされています)。
}
_MaintainContat.Html のコードは次のとおりです (簡潔にするためにトリミングされています)。
私は ng-dialog ie controller: this または controller: "ContactController"、controllerAs: "ContactController as VM" または controllerAs: "VM" の多くのオプションを試しましたが、どれも機能しません。
欠けているビットについて誰か教えてください。コメントをお待ちしております。
次のステップは、更新されたデータを _MaintainContat.Html から ContactController に渡すことです。
どんな助けでも大歓迎です。
どうもありがとう
css - ブラウザの垂直スクロールバーを隠す
ポップアップに ngDialog を使用しています。ダイアログウィンドウをできるだけ高くしようとしています。しかし、ある時点でブラウザのウィンドウに垂直スクロールバーが表示されます。それを示す画像を添付します。ボディ要素のhtml要素でoverflow:hiddenを試しましたが、何も役に立ちません。アイデアをください。
私はこれを試しました：
役に立ちませんでした。
私の ngDialog スタイルは次のとおりです。
道のどこかで、ダイアログをできるだけ高くするために次のことがありました。
これにより、右下隅のスクロールバーを除いて、画面にうまく収まります。
angularjs - ngdialog - 子ダイアログを開くときに親ダイアログを閉じる
以下のグラフのようなシナリオがあります。
子ダイアログを開いたときに親ダイアログを閉じる必要があります。どうすればそれを達成できますか?
子ダイアログを開く直前にクローズ API を使用するように試みたところ、親ダイアログは閉じられますが、子ダイアログで必要なすべてのデータが未定義になります。閉じなければ、子ダイアログのデータはうまく表示できます。
angularjs - 親スコープが破棄された場合、子スコープはどうなりますか
親スコープが破棄されるかどうかを確認したいのですが、子スコープも破棄されますか?
この質問をするのは、いくつかのモーダル ダイアログを作成するために ngdialog を使用しているためです。A -> B の 2 つのダイアログがあり、Web ページからダイアログ A を開くことができます。ダイアログ A はダイアログ B の親であり、A のボタンをクリックして B を開きます。
ダイアログ B を開き、同時に A (B の親) を閉じたいのですが、スコープ B のデータがすべて欠落しています。なので多分これが原因だと思います。これについて理解を深めるために誰か助けてもらえますか？
dialogACtrl :
ngDialog ソース: