Aureliaダイアログ：非同期中に待機スピンを表示する

Question

私はaurelia-dialogを使ってアカウントの詳細を表示しています。

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

それは簡単ですが、ダイアログのviewmodelでactivate呼び出しから約束を返すと、約束が解決されるまでダイアログが表示されません。それは遅れがあるので、バマーです。

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

Answer 1

the dialog doesn't display at all until the promise is resolvedこれは目的のデザインであり、何も返されずに表示されます。この場合、約束が解決されたら何かを旗に掲げるだけです。

export class MyDialogVM { 
    showSpinner = false; 
    // ... 
    activate(id) { 
    this.showSpinner = true; 
    this.http.get(`/my-api/${id}`).then(result => { 
     this.showSpinner = false; 
    }); 
    } 
} 

そして、あなたのダイアログビュー

<template> 
    <!-- other stuff --> 
    <i class="fa fa-spinner fa-spin" show.bind="showSpinner"></i> 
    <!-- other stuff --> 
</template>