Call ion-view in function

Question

I’m starting in Ionic and Angularjs, already googlei enough and found nothing about this simple doubt.

I can navigate well between the ion-view "Page1" and "Page2" using buttons:

<ion-view view-title="Page1">
  <ion-content>
    <h1>Page 1</h1>
    <a class="button icon icon-right ion-chevron-right" href="#/app/page2">Page 2</a>
  </ion-content>
</ion-view>

<ion-view view-title="Page2">
  <ion-content>
    <h1>Page 2</h1>
    <a class="button icon icon-right ion-chevron-right" href="#/app/page1">Page 1</a>
  </ion-content>
</ion-view>

But I would like to perform this through a function:

function EventoTal(){

      carregue("page2");

}

No need to click the button.

In jQuery $(elemento).show();

Answer 1

It won’t work with Ionic, but since it’s web-based, we can try the following which is the code equivalent to what the <a href="#/app/page2">Page 2</a> ago:

location.hash = "/app/page2";

Or so to keep page stack history:

if(history.pushState) {
    history.pushState(null, null, '#/app/page2');
}
else {
    location.hash = '#/app/page2';
}