切换到另一个视图 Ionic 1 时出错答案

【问题标题】：Error swtching to another view Ionic 1切换到另一个视图 Ionic 1 时出错
【发布时间】：2017-08-29 08:34:34
【问题描述】：

嗨，我刚接触 AngularJS。当单击结帐按钮时，我想让我的应用程序从购物车视图路由到结帐视图。但是，我真的在努力使这应该成为一项简单的任务。这就是我到目前为止所拥有的。我会删掉一些其他的代码。

  $stateProvider.state("app", {
    url: "/app",
    abstract: true,
    templateUrl: "templates/menu.html",
    controller: 'AppCtrl'
  })
  .state('app.cart', {
    url: "/cart",
    views: {
      'tab-cart': {
        templateUrl: "templates/cart.html",
        controller: 'CartCtrl'
      }
    }
  })
  .state("app.checkout", {
    url: "/checkout",
    views: {
      'tab-checkout': {
        templateUrl: "templates/checkout.html",
        controller: "CheckoutCtrl"
      }
    }
  })

这是我cart.html中的按钮

<a class="button button-block button-positive button-checkout" 
    href="#/tab/checkout">
    Checkout
</a>

我只是对它在标签上工作感到困惑。

  <ion-tab title="Cart" icon-off="ion-ios-cart" icon-on="ion-ios-cart" href="#/tab/cart">
    <ion-nav-view name="tab-cart"></ion-nav-view>
  </ion-tab>

我已经搜索并尝试了其他一些解决方案，但它对我不起作用。我试过了：

href="#/app/checkout"

ui-sref="app.checkout"

$location.path("#/app/checkout"); //from the controller

【问题讨论】：

标签： angularjs ionic-framework angular-ui-router

【解决方案1】：

在您的 CartCtrl 控制器中，添加此功能以更改视图（确保将 $state 注入您的控制器）：

$scope.goToCheckOut = function(){
     $state.go('app.checkout');
}

然后，更改 cart.html 中的按钮行为：

<a class="button button-block button-positive button-checkout" ng-click="goToCheckOut()"> Checkout </a>

【讨论】：