メインコンテンツまでスキップ
Version: v6

ion-infinite-scroll-content

Contents

ion-infinite-scroll-content コンポーネントは、ion-infinite-scroll で使用されるデフォルトの子コンポーネントです。無限スクロールのスピナーが表示されます。このスピナーはプラットフォームに応じて最適に表示され、無限スクロールの状態に応じて外観が変化します。loadingSpinner and loadingText プロパティを設定することにより、既定値のスピナーを変更したり、テキストを追加することができます。

Usage

<ion-content>
<ion-infinite-scroll>
<ion-infinite-scroll-content
loadingSpinner="bubbles"
loadingText="Loading more data…">
</ion-infinite-scroll-content>
</ion-infinite-scroll>
</ion-content>

Properties

loadingSpinner

DescriptionAn animated SVG spinner that shows while loading.
Attributeloading-spinner
Type"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-sharp" | "lines-sharp-small" | "lines-small" | null | undefined
Defaultundefined

loadingText

DescriptionOptional text to display while loading.
loadingText can accept either plaintext or HTML as a string.
To display characters normally reserved for HTML, they
must be escaped. For example <Ionic> would become
&lt;Ionic&gt;

For more information: Security Documentation
Attributeloading-text
TypeIonicSafeString | string | undefined
Defaultundefined