Angularjs pushPage可以';t工作-Onsen monaca phonegap
JS HTML/Angular/OnsenAngularjs pushPage可以';t工作-Onsen monaca phonegap,angularjs,cordova,phonegap-build,onsen-ui,monaca,Angularjs,Cordova,Phonegap Build,Onsen Ui,Monaca,JS HTML/Angular/Onsen app.controller('categoryController', function($scope,$http){ $http.get('http://xxxxxxxxxxxx.com/public/api/v1/category').success(function(response){ $scope.myCategory = response.data; }); $scope.showSubCateg
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});
};
});
家
{{item.name}
错误
TypeError:无法调用未定义的方法“pushPage”
在范围内。$Scope.showSubCategory(file:///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/app.js:16:27)
在file:///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js:1439:30512
在file:///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js:1448:18904
在范围内。$eval(file:///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js:1437:28127)
在范围内。$apply(file:///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js:1437:28433)
在HTMLElement.listener(file:///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js:1448:18886)
在HTMLElement.eventHandler(file:///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js:1434:29261)
在FastClick.sendClick(file:///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js:1441:13284)
在FastClick.onTouchEnd(file:///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js:1441:17447)
在HtmlBodylement。(file:///data/data/com.example.helloworld/files/projects/cloud/558d3c277e2193c742d69fea/www/components/loader.js:1441:10005)
您好,我使用过monaca.pushPage(subcategory.html,…),没有错误,但无法移动到subcategory.html页面。
非常感谢您的帮助。
ons
变量不再存储导航器。您必须在导航器中使用var
属性,并给它一个名称,以便以后调用它。例如:
<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>
...
然后将其与myNavigator.pushPage(…)一起使用。更多信息请点击此处:
希望有帮助
<ons-navigator var="myNavigator">
...
</ons-navigator>