I am making an ionic 1 application and I want to open a page when I click on a button I have tried to do so using online tutorials but none seems to help me.I know how to do it in HTML but I'm new to angular.

Index.html

```
<body ng-app="starter">

    <ion-pane>
      <ion-header-bar class="bar-stable">
        <h1 class="title">Ionic Blank Starter</h1>
      </ion-header-bar>
      <div class="bar bar-header">
  <h1 class="title">Header</h1>
</div>
<div class="bar bar-subheader">
  <h2 class="title">Sub Header</h2>
  <div class="button-bar bar-balanced">
  <a class="button">First page </a>
  <a class="button">Second page </a>
  <a class="button">Third page</a>
</div>
</div>
      <ion-content>
      </ion-content>
    </ion-pane>
  </body>

```

App.js

```
angular.module('starter', ['ionic'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if(window.cordova && window.cordova.plugins.Keyboard) {

      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);

      cordova.plugins.Keyboard.disableScroll(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})

```