pushPage不能工作 - 溫泉莫尼卡的PhoneGap

Question

JS

app.controller('categoryController', function($scope,$http){ 
    $http.get('http://xxxxxxxxxxxx.com/public/api/v1/category').success(function(response){ 
     $scope.myCategory = response.data; 
    }); 

    $scope.showSubCategory = function(index) { 
     var selectedItem = $scope.myCategory[index]; 
     var options = { animation: 'slide' }; 

     $scope.myCategory.selectedItem = selectedItem; 

     $scope.ons.navigator.pushPage('subcategory.html', options, {name : selectedItem.name}); 
    }; 
}); 

HTML /角/溫泉

<ons-navigator> 
    <ons-page> 
     <ons-toolbar> 
      <div class="left"> 
       <ons-toolbar-button ng-click="app.slidingMenu.toggleMenu()"><ons-icon icon="bars"></ons-icon></ons-toolbar-button> 
      </div> 
      <div class="center">Home</div> 
      <div class="right"> 
       <ons-toolbar-button ng-click="app.slidingMenu.toggleMenu()"><ons-icon icon="fa-search"></ons-icon></ons-toolbar-button> 
      </div> 
     </ons-toolbar> 


     <ons-list ng-controller="categoryController" id="category-lists"> 
      <ons-list-item modifier="chevron" class="item" ng-repeat="item in myCategory" ng-click="showSubCategory($index)"> 
       <ons-row> 
        {{item.name}} 
       </ons-row>       
      </ons-list-item> 
     </ons-list> 

    </ons-page> 
    </ons-navigator> 

錯誤

類型錯誤：在範圍不能調用未定義 方法 'pushPage' 。$ scope.showSubCategory（file：///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/app.js：16：27） at file：/// data /數據/ C om.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js：1439：30512 at file：///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/ www/components/loader.js：1448：18904 at Scope。$ eval（file：///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js：1437 ：28127） at Scope。$ apply（file：///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js：1437：28433） at HTMLElement.listener （file：///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js：1448：18886） at HTMLElement.eventHandler（file：/// data/data /com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js:1434:29261） 在FastClick.onTouchEnd（文件：/files/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js：1441：13284） //data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js:1441:17447） at HTMLBodyElement。 （文件：///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js：1441：10005）

嗨，我有使用monaca.pushPage （subcategory.html，.....），沒有錯誤，但不能移動到subcategory.html頁面。

任何幫助表示讚賞。

Answer 1

ons變量不再存儲導航器。您必須在導航器中使用var屬性，然後爲其命名，以便後續調用它。例如：

<ons-navigator var="myNavigator"> 
    ... 
</ons-navigator> 

然後用它與myNavigator.pushPage(...)。更多的信息在這裏：http://onsen.io/reference/ons-navigator.html

希望它有幫助！