1

長いサービスの進行状況レポートのためにIonic2を使用して読み込み中のアニメーションを表示しようとしています:

this.loading = this.loadingCtrl.create({
    content: 'Please wait...',
    spinner: 'ripple' // <<------ Is that correct?
});

this.loading.present();

結果は、スピナーのないテキスト ボックスです。

これは 2016 年 9 月 22 日、最新のベータ版 (11) を使用した Ionic2 であり、実際には上記のような例はどこにも見つかりません。これは文書化されているがまだ実装されていない将来の機能でしょうか?

ここでIonic2のLoadingControllerドキュメントについて話している

4

2 に答える 2

2

rippleカスタムスピナーですか？それ以外の場合は、デフォルトで利用可能なスピナーをここで確認できます。

ios 
ios-small   
bubbles 
circles 
crescent    
dots

スピナー名はスピナー プロパティで渡す必要があり、任意の HTML はコンテンツ プロパティで渡すことができます。spinner に値を渡さない場合、ロード インジケータは mode で指定されたスピナーを使用します。アプリ全体でスピナー名を設定するには、アプリの構成で loadingSpinner の値を設定します。スピナーを非表示にするには、アプリの構成で loadingSpinner: 'hide' を設定するか、読み込みオプションで spinner: 'hide' を渡します。

したがって、別のオプションは、次のようなモードに従って指定されたスピナーを使用することです。

this.loading = this.loadingCtrl.create({
  content: 'Please wait...'
});

this.loading.present();
于 2016-09-22T14:59:01.770 に答える
0

Ionic チームが、カスタム スピナーを使用して Loading コントロールを拡張する方法を追加しただけかもしれません。つまり、プロパティに SVG ファイル名を指定する必要があります。

組み込みのスピナー名の 1 つをそこに配置できることは明らかです。繰り返しますが、すべてのローダーで同じスピナーを使用して、アプリのデザインをまっすぐに保つことは合理的です。ドキュメントではもっと太字になっていると思います...

于 2016-09-22T19:01:09.390 に答える