javascript - angularJS $scope.ons.navigator.pushPage 不起作用

Question

我正在使用onsen-ui，我的代码如下

app.controller('AccountsController', function($scope, $http, AccountsData) {
        var accounts = {};

        //outputAccounts();

        $scope.Accounts = [];

        $http({method: 'GET', url: AccountsData.url}).
        success(function(data, status, headers, config) {
            $scope.Accounts = data.result;
        }).
        error(function(data, status, headers, config) {

        });

        $scope.viewAccount = function(index) {
            var selectedItem = $scope.Accounts[index];
            AccountsData.selectedItem = selectedItem;
            alert(selectedItem.name);
            $scope.ons.navigator.pushPage('account.html', selectedItem);
        }

        $scope.showAcctModal = function($index) {

        }
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<ons-page ng-controller="AccountsController">

    <ons-toolbar>
    <div class="center">Accounts</div>
    <!--<div class="right">
        <ons-button modifier="quiet" ng-click="showAddModal()">Add</ons-button>    
    </div>-->
    </ons-toolbar>

    <ons-scroller>
         <ons-list id="accountlist" style="width: 100%">
            <ons-list-item modifier="chevron" ng-repeat="account in Accounts" ng-click="viewAccount($index)">
                <ons-row>
                    <ons-col>
                    {{account.name}}
                    </ons-col>
                </ons-row> 
            </ons-list-item>
        </ons-list>
    </ons-scroller>  
</ons-page>

点击列表项(帐户名称)时出现的问题，会弹出警报显示帐户名称，但不会导航到 account.html 页面。看来 $scope.ons.navigator.pushPage 不起作用，请帮忙。

Answer 1

如果您使用滑动菜单，请尝试以下方式切换页面:

$scope.ons.slidingMenu.setMainPage("home.html", {closeMenu: true});