問題タブ [aurelia-dialog]

アカウントの詳細を表示するために aurelia-dialog を使用しています。

私が見た aurelia-dialog の例はすべて、オブジェクト全体をダイアログに渡し、そのオブジェクトをダイアログのビューモデルとして使用することを含みます。私がやりたいことは、ID を渡し、AJAX 呼び出しを実行して詳細データを取得することです。

それを機能させるのは簡単ですが、ダイアログのビューモデルの呼び出しからプロミスを返すとactivate、プロミスが解決されるまでダイアログはまったく表示されません。遅延があるので、それは残念です。

ダイアログがすぐに表示され、約束が解決されるまでスピナーを表示したいと思います。これを行う簡単な方法はありますか？誰かがこれを見た、または行ったことがありますか？

私たちのプロジェクトには、次のようなカスタム要素がたくさんあります。

基本的に、エンティティ画面を編集するためのリンクをレンダリングするだけです

問題は、これが Aurelia Dialog コンテキスト内でまったく機能しないことです。 href属性はまったく入力されていません。

問題を調査しようとしましたが、ルーターをダイアログのビューモデルに直接注入しました

Router の間違ったインスタンスが注入されていることがわかりました。メイン ルーター (AppRouter) は ENTITY_EDIT ルートを定義せず、子ルートの configureRoute 関数で動的に追加されます。

ダイアログの開始を開始するビューに渡されたルーターではなく、挿入されたルーターがメインのルーターである理由がわかりません。

アドバイスをお願いします

TypeScript 2+ を使用して、aurelia-dialog プラグインを Aurelia CLI プロジェクトに統合しています。

次のように、プラグインが使用するデフォルトの CSS を SASS ファイルから取得した独自の CSS に置き換えて、ダイアログのテーマを設定したいと考えています。

ただし、aiDialogCss変数は文字列である必要があり、このコードに手動で埋め込みたくありません。SASS からコンパイルされ、他の CSS ファイルに従ってバンドルされた別の CSS ファイルからこの CSS 文字列をロードすることをお勧めします。

これは TypeScript と Aurelia CLI を使用して可能ですか? 使用してみimport aiDialogCss from "styles/ai-dialog.css!text"ましたが、コンパイルされません。

aurelia-dialog プラグインを使用して、ユーザーが一連のオブジェクトを生成できるようにし、ダイアログの応答で選択したオブジェクトを返すようにしたいと考えています。

ワークフローは、ダイアログで activate() メソッドが呼び出されたときに、promise を使用して API 呼び出しからオプションのリストが生成されるというものです。次に、オプションがユーザーに表示され、ドロップダウンから選択されます。ユーザーが [OK] をクリックすると、応答が返されます。これを達成するはずのコードは次のとおりです。

そして modal.js で:

そして、html：

ドロップダウンに触れない限り、ダイアログは null (または、returnedSet を初期化したその他の値) を返します。ただし、ドロップダウンをクリックするとすぐに、[保存] または [キャンセル] ボタンをクリックしても何も返されず、最初のコード ブロックの最後の console.log 行がスキップされます。また、HTML から click.delegate 行を削除しようとしましたが、何も変わりませんでした。

なぜこれが起こっているのか誰にも分かりますか？また、この投稿 ( Aurelia Dialog and Handling Button Events ) で非常によく似た問題が見つかりましたが、何をすべきかについて解決策が見つからないようです。

前もって感謝します。