Question

我试图显示包含侧边菜单的页面。我尝试过添加enable-menu-with-back-views =＆＃34; true＆＃34;到我的离子菜单，但它仍然不显示页面。

这是我的旁边菜单代码：

<ion-side-menus enable-menu-with-back-views="true">
<ion-side-menu-content>
<ion-nav-bar class="bar-stable">
  <ion-nav-back-button></ion-nav-back-button>
  <ion-nav-buttons side="left">
    <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
  </ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="side-menu21"></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left" id="side-menu21">
<ion-header-bar class="bar-stable">
  <div class="title">Menu</div>
</ion-header-bar>
<ion-content padding="false" class="side-menu-left has-header ">
  <ion-list id="menu-list1">
    <ion-item id="menu-list-item1" ui-sref="menu.mainMenu" menu-close="">Main Menu</ion-item>
    <ion-item id="menu-list-item2" ui-sref="menu.seeNearbyCICOs" menu-close="">See Nearby CICOs</ion-item>
    <ion-item id="menu-list-item3" ui-sref="menu.termsAndConditions" menu-close="">Terms and Conditions</ion-item>
    <ion-item id="menu-list-item4" ui-sref="menu.fAQ" menu-close="">FAQ</ion-item>
    <ion-item id="menu-list-item5" ui-sref="menu.contactUs" menu-close="">Contact Us</ion-item>
    <ion-item id="menu-list-item6" ui-sref="menu.help" menu-close="">Help</ion-item>
  </ion-list>
</ion-content>
</ion-side-menu>
</ion-side-menus>

这是我的controller.js代码：

.controller('loginCtrl', ['$scope', '$stateParams', '$location', function ($scope, $stateParams, $location) {

$scope.userdata = {}
$scope.enterlogin = function(usern,pass)
{
    if(usern== "admin" && pass == "bam_1987!")
    {
         $location.path('/page19');
    }
    else
    {
        alert('Please check your credentials.');
    }
}
}])

其中/ page19是状态menu.help的网址，即我试图显示的页面。

Answer 1

我不太了解$ location，但也许你必须使用它：

$location.path("yourpath")
$scope.$apply()

如果在使用此行时遇到与$ digest相关的错误，请尝试：

$location.path("yourpath")
setTimeout(function(){$scope.$apply()})

或者，您可以将状态与ui.router一起使用，然后使用：

$state.go("yourState")

这是我用来更改页面的内容

如何使用$ location显示带有侧边菜单的页面？

1 个答案: