<ons-page />

ページ定義のためのコンポーネントです。このコンポーネントの内容はスクロールが許可されます。

実例

The <Page> component

The <Page> component serves as the main view of a screen in an app. It covers the whole screen and is used as a container for the other components.

<Page>
  Content goes here
</Page>

関連情報

名前 型 / デフォルト値 概要
modifier String スタイル定義をカスタマイズするための名前を指定します。 Optional.
on-infinite-scroll String Path of the function to be executed on infinite scrolling. Example: app.loadData. The function receives a done callback that must be called when it’s finished. (翻訳中) Optional.
名前 概要
onInfiniteScroll Function to be executed when scrolling to the bottom of the page. The function receives a done callback as an argument that must be called when it’s finished. (翻訳中)
onDeviceBackButton バックボタンハンドラ。
data User’s custom data passed to pushPage()-like methods. (翻訳中)
Name 概要
material Material Design style (翻訳中)
名前 概要
init ページがアタッチされた後に発火します。
show ページが表示された後に発火します。
hide ページが隠れた後に発火します。
destroy ページが破棄される前に発火します。
init

ページがアタッチされた後に発火します。

パラメーター
名前 型 概要
event Object Event object.
show

ページが表示された後に発火します。

パラメーター
名前 型 概要
event Object Event object.
hide

ページが隠れた後に発火します。

パラメーター
名前 型 概要
event Object Event object.
destroy

ページが破棄される前に発火します。

パラメーター
名前 型 概要
event Object Event object.

お困りですか?

Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。

バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。

あわせて、下記の情報も参考にしてください。