title: How to make an ionic application run with ui-router
body: <p>I try to create an ionic application and I want to add functionality to buttons by linking HTML pages using AngularJS. How can I do that ? I have linked a <a href="https://plnkr.co/edit/xC9P46CC5NiN2xrMP6vZ?p=preview" rel="nofollow noreferrer">plunker</a>.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"/&gt;
    &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"/&gt;
    &lt;title&gt;Ionic Framework Example&lt;/title&gt;
    &lt;link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet"/&gt;
    &lt;script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"&gt;&lt;/script&gt;
    &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-app="starter"&gt;
    &lt;ion-header-bar class="bar-stable"&gt;
      &lt;h1 class="title"&gt;Ionic Blank Starter&lt;/h1&gt;
    &lt;/ion-header-bar&gt;
    &lt;div class="bar bar-header"&gt;
      &lt;h1 class="title"&gt;Multi Page Application&lt;/h1&gt;
    &lt;/div&gt;
    &lt;div class="bar bar-subheader"&gt;
      &lt;h2 class="title"&gt;Sub Header&lt;/h2&gt;
      &lt;div class="button-bar bar-balanced"&gt;
        &lt;a class="button"&gt;First page &lt;/a&gt;
        &lt;a class="button"&gt;Second page &lt;/a&gt;
        &lt;a class="button"&gt;Third page&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;ion-content&gt;&lt;/ion-content&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>