アプリ内容
次の内容のアプリですわ。スライディングメニューとページ移動のみの、機能は一切無いアプリとなりますの。
- ページ一覧
- メインページ
- ページ1
- ページ2
- メインページ ←→ ページ1←→ ページ2 →メインページ …、と移動する。
- メインページのみ、スライディングメニューを持つ。
タグ: Onsen UI
【AngularJS 】ページにバインドした $scope を別のコントローラと共有・同期したい【Monaca 】【Onsen UI】 | oki2a24 の続編となります
今まで、Monaca に Onsen UI を組み込んで AngularJS を駆使して次の 2 つのデータ共有方法を学習してまいりました♪
- レベル1. 同じページに複数のコントローラー
- レベル2. 異なるページに複数のコントローラー
そして、次の点を学びました。
- ファクトリーオブジェクトは 1 つのみ存在する。
- $scope はファクトリーの参照である。
- ファクトリーまたは $scope のどちらのプロパティの値を変更しても、すべてのコントローラーのデータが即時で同期される
- ファクトリーまたは $scope のどちらにプロパティを追加しても、すべてのコントローラーのデータが即時で同期される
実際のアプリでは、一覧画面でひとつを選択して詳細画面へ行き、編集や削除を行い、一覧画面へ戻る、そのとき詳細画面の変更内容は一覧画面へ反映済み、という動きが普通と存じます。
今回は、そのようなケースを想定して次のような仕様のサンプルを作ります。
- 一覧画面: 一覧データはサーバから取得してメモリに保存（ただしサンプルなのでダミーの JSON ファイルを作って使う）
- 一覧画面 → 詳細画面の移動時: サーバから詳細データを取得してメモリに保存（ただしサンプルなのでダミーの JSON ファイルを作って使う）
- 詳細画面: 内容を変更して「変更」ボタンをタップしたら、サーバへ内容を送信し、詳細メモリ・一覧メモリの内容も更新する。（ただしサンプルなのでサーバへ変更内容は送信しない）
ネットワーク通信は実際には行いません。一覧から詳細への移動時は毎回ダミーの JSON ファイルからデータを取得いたします。したがいまして、詳細画面が表示される時は毎回同じデータです。
レベル3. 異なるページに複数のコントローラーでデータはオブジェクトの配列
【まとめ】AngularJS でデータ共有用のファクトリーを生成し、複数のコントローラーに注入したときのふるまい・ポイント
- ファクトリーオブジェクトは 1 つのみ存在する。
- $scope はファクトリーの参照である。
- ファクトリーまたは $scope のどちらのプロパティの値を変更しても、すべてのコントローラーのデータが即時で同期される
- ファクトリーまたは $scope のどちらにプロパティを追加しても、すべてのコントローラーのデータが即時で同期される
はじめに
- Monaca で iOS アプリを作っている
- 一覧ページと詳細ページがあり、それぞれ別の AngularJS のコントローラーが紐付いている
- 一覧ページで選択したデータは、移動先の詳細ページで値を更新できる
- 詳細ページで更新した値は一覧ページの値へも反映されていてほしい
こんなことを実現したいのですけれども、コントローラー間でデータの共有ってできるのかしら？
要約・結論
- Visual Studio 2015 RC から Visual Studio 2015 にアップデートしても Monaca for Visual Studio も Onsen UI Templates for Visual Studio 2015 もアップデート前と同様に使用できた。
はじめに
Visual Studio 2015 RC にこれら2つのプラグインをインストールしてモバイルアプリを開発しておりました。
今回、正式なバージョン2015にアップデートして、これらのプラグインを引き続き使用したまま、開発を再開することができるのかしら？開発中プロジェクトへの影響はあるのかしら？引き続き問題なく使えるかしら？…
疑問に思いましたので、記録を取りながら少し確認してみました。