<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に記載をお願いいたします。

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