I can't create $stateProvider

hi all, i wanna ask.
i’m so early for ionic framework, and i’m trying to make mobile apps with ionic.

I was wondering how to change the overall look, if it makes the website quite by < a href="#">, but in ionic how it works (?)

i’m trying to add some code app.js :

config(function($stateProvider) {
   $stateProvider

      .state('expense', {
         url: "/app/expense",
         templateUrl: 'templates/add-expense.html'
       })
});

this my code index.html :

<body ng-app="starter">
 <ion-side-menus>
  <ion-side-menu-content>
     <ion-header-bar class="bar-header bar-dark">
       <button class="button button-clear button-positive">Edit</button>
       <div class="h1 title">23 Desember 20014</div>
      <button class="button button-icon icon ion-navicon" menu-toggle="right"> </button>
   </ion-header-bar>
  
 <ion-content>
   <div class="row green">
   <div class="row light-green">
      <div class="col">Income</div>
      <div class="col price">3,550,000</div>
   </div>
  <div class="row expense orange">
       <a class="col" href="#/app/expense">New Expense</a> <!-- try to link templates/add-expense.html -->
   </div>
</ion-content> 
</ion-side-menu-content> 

  <ion-side-menu side="right">
     <a menu-close href="#" class="item">Home</a>
  </ion-side-menu>
 </ion-side-menus>
 <body>

Anyone can help me? thanks in advance