Angularjs 切换到其他视图1时出错

嗨，我对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>

---

从CartCtrl控制器中，添加此函数以更改视图（确保将$state注入控制器）：

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

结账

  <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

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