Skip to content
otak-labI am developing an app.
  • ヘルプ
    • ギャンブル収支管理 – 機種変更方法
  • プライバシーポリシー
    • 「シンプル体重管理」利用規約およびプライバシーポリシー
    • 「ギャンブル収支管理」利用規約およびプライバシーポリシー
    • 「シンプル利益計算」利用規約およびプライバシーポリシー
    • 「FX収支管理」利用規約およびプライバシーポリシー
    • 「ワンニャン体重管理」利用規約およびプライバシーポリシー
    • 「ナンバーズサーチ」利用規約およびプライバシーポリシー
    • 「シンプルダイアリー」利用規約およびプライバシーポリシー
  • お問い合わせ

日: 2016年8月6日

  1. Home
  2. Archives: 8月 2016

【Monaca】Onsen UI 選択したデータを前画面に渡す

JavaScript + Onsen UI V2版はこちら。

otak-lab
【Monaca】JavaScript + Onsen UI V2 選択したデータを前画面に渡す
🕒️2018/07/15
約2年前に書いた【Monaca】Onsen UI 選択したデータを前画面に渡す記事のJavaScript + Onsen UI V2版。(AngularJS未使用版)Page1で「ここをタップ」をタップし、Page2で「100000」をタップすると、Page1に戻り「100000」と表示される。 問題は選択したデータを前画面に渡す方法。やり方はいろいろあるが、もっとも簡単な方法はグローバル変数に選択したデータを保存する方法。下記コードでは、独自のsetParamメソッドでグローバル変数に選択したデータを保存し、popPageメソッドで前画面に戻り、その途中で発生するons-navigatorのpre...

※Onsen UI + AngularJSを使用。

ons-navigatorのpushPage()、popPage()を利用すれば、次画面に進み、前画面に戻ることが実現できる。
しかし、次画面で選択したデータを前画面に渡す方法は記載がない。
$rootScope.$broadcast()を利用して親コントローラ(page1Controller)にデータを渡し、$scope.$on()で受け取ればよい。

Page1で「ここをタップ」をタップし、Page2で「1000」をタップすると、Page1に戻り「1000」と表示される。
2983291e-9b3c-42cf-b5bc-8094b371f7c9 4c4aee94-6c9d-419f-8ca4-138286fd7463 7693ddf9-229c-4d9f-8b0a-642ccabe47f2
Continue reading

AngularJS Monaca Onsen UI
シンプル体重管理
Google Play で手に入れよう
ギャンブル収支管理
Google Play で手に入れよう
シンプル利益計算
Google Play で手に入れよう

最近の投稿

  • 【Cordova】cordova-plugin-statusbarプラグインのStatusBarOverlaysWebViewが機能しない場合の対処方法
    カテゴリー: 開発
    2025/05/07
  • 「ギャンブル収支管理」マイナーチェンジのお知らせ
    カテゴリー: アプリ
    2025/04/30
  • ワンニャン体重管理 Ver.1.1.3をリリースしました!
    カテゴリー: アプリ
    2025/03/15
  • ナンバーズサーチ Ver.1.9.2 をリリースしました!
    カテゴリー: アプリ
    2025/02/27
  • Yupiteru SUPER CAT レーザー&レーダー探知機 YK-2000L 気になる点は・・・〇〇だ!!
    カテゴリー: 家電
    2025/01/26
  • ナンバーズサーチ Ver.1.9.1 をリリースしました!
    カテゴリー: アプリ
    2024/12/14
  • 【Cordova】App Storeの審査が通りませんでした・・・
    カテゴリー: 開発
    2024/12/05
  • シンプル利益計算 Ver.1.7.2をリリースしました!
    カテゴリー: アプリ
    2024/11/30
  • ナンバーズサーチ Ver.1.9.0 をリリースしました!
    カテゴリー: アプリ
    2024/11/23
  • 「ナンバーズサーチ」の配信が停止され削除されました!!!
    カテゴリー: アプリ
    2024/11/06
2016年8月
月 火 水 木 金 土 日
1234567
891011121314
15161718192021
22232425262728
293031  
« 7月   9月 »
Tweets by lab_otak
  • Android
  • G-SHOCK
  • iPad
  • iPhone
  • MacBook
  • MVNO
  • PC
  • Windows
  • WordPress
  • アプリ
  • お知らせ
  • ショッピング
  • ヤフオク
  • 家電
  • 文具
  • 確定申告
  • 開発
  • ヘルプ
  • プライバシーポリシー
  • お問い合わせ
© 2025 - otak-lab. All rights reserved.