Hybrid mobile application using ionic framework

ionic-v1
2

You can see my reply here on how to create pages, notice that these screens are not children of each other. Please check out the ion-nav-view directive, you don’t need to use tabs even though it shows them in the example.

Here is an example of my implementation of $state.go (where the button calls these functions):

app.controller('MainCtrl', function($scope, $state) {
    $scope.contact = function() {
        $state.go('contact');
    };
    $scope.findLocation = function() {
        $state.go('findLocation');
    };
});

You can also use href:

<a href="#/contact">Go to contact page</a>

I put together a quick codepen that I think may help here. :smile:

1 Like