angular.module('app', ['ui.router'])

.config(function($stateProvider) {

  $stateProvider.state('myapp', {

    views: {

      'header': {

        template:'header <hr />'

      },

      'content': {

        template:'<div ui-view></div>'

      },

      'footer': {

        template:'<hr /> footer'

      }

    }

  })

  .state('myapp.one', {

    template:'sup <button ui-sref="myapp.two">next page</button>'

  })

  .state('myapp.two', {

    template:'another page <button ui-sref="myapp.one"> Go back</button>'

  })

})

.run(function($state) {

  $state.go('myapp.one');

})