

現在Monaca/onsen-uiにてアプリ開発をしております。  
一覧ページで取得したデータを詳細ページでも使いたいのですがうまくいかなくて困っております。

[code]

    var app = ons.bootstrap();
    app.controller('MyCtrl', ['$scope', '$http', '$q',
      function($scope, $http, $q) {
        $scope.MyDelegate = {
          configureItemScope: function(index, itemScope) {
            if (!itemScope.item) {
              itemScope.canceler = $q.defer();
              itemScope.item = {
                name: '',
                add: '',
                desc: '',
                ph: ''
              };
              $http.get('http://hoge.com/hoge.php', {
                timeout: itemScope.canceler.promise
              }).success(function(data) {
    
                itemScope.item.name = data[index].name;
                itemScope.item.add = data[index].add;
                itemScope.item.desc = data[index].desc;
                itemScope.item.ph = data[index].ph;
              }).error(function() {
                itemScope.item.name = 'データはありません！';
              });
            }
          },
          calculateItemHeight: function(index) {
            return 91;
          },
          countItems: function() {
            return 1000;
          }
        };
      }
    ])
    
[/code]

上記のようにデータベースよりデータを取得し

[code]

    <ons-template id="hoge.html">
      <ons-list>
        <ons-list-item modifier="chevron" class="item" ons-lazy-repeat="MyDelegate" ng-click="myNavigator.pushPage('hogehoge.html')">
          <ons-row>
            <ons-col width="80px">
              <img ng-src="http://hoge.com/images/{{item.ph}}" class="item-thum"></img>
            </ons-col>
            <ons-col>
              <header>
                <div ng-show="item.name==''">
                  <p><span style='opacity: 0.7;'><ons-icon icon='fa-spinner' spin='true'></ons-icon> Loading list...</p></span>
                </div>
                <span class="item-title">{{item.name}}</span>
              </header>
              <p class="item-desc">
                <ons-icon icon="fa-map-marker" style="padding-right:5px"></ons-icon>{{ item.add }}</p>
              <p class="item-desc">{{ item.desc }}</p>
            </ons-col>
          </ons-row>
        </ons-list-item>
      </ons-list>
      </ons-page>
    </ons-template>
    
[/code]

一覧ページを表示してng-clickで詳細ページにページ遷移しています。

詳細ページに遷移した際に一覧ページで取得したデータを使用したいですがうまくいきません。  
どなたか、ご教授いただければ幸いです。


CC BY-SA 3.0
2016-06-12T11:39:08.010
26686
2016-06-12T14:00:08.167
2016-06-12T14:00:08.167
16822
16822
question
monaca onsen-ui
monaca/onsen-ui で一覧ページのデータを詳細ページで使いたい