別のビューにスウォッチするエラーIonic 1

Question

こんにちは、私は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 

Answer 1

をごCartCtrlコントローラから、ビューを変更するには、このfunciontを追加（あなたのコントローラに$状態を注入することを確認してください）：

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

すると、中にボタンの動作を変更しますcart.html：

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