Signup page not opening in ionic

ionic-v1
1

Having an login.html it has SignUp Button while click on it its not opening the signup.html page

index.html

<body ng-app="starter" ng-controller="AppCtrl">
    <ion-nav-bar class="bar-calm">
    </ion-nav-bar>
    <ion-nav-view></ion-nav-view>
</body>

login.html

<ion-view view-title="Sign-In" name="login-view">
    <ion-content class="padding">
     <button class="button button-block button-positive" ng-click="signup()">SignUp</button>
    </ion-content>
</ion-view>

app.js

angular.module('starter', ['ionic', 'ngMockE2E','ui.router'])
.run(function ($ionicPlatform) {
    $ionicPlatform.ready(function () {
        if (cordova.platformId === 'ios' && window.cordova && window.cordova.plugins.Keyboard) {
            cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
            cordova.plugins.Keyboard.disableScroll(true);
        }
        if (window.StatusBar) {
            StatusBar.styleDefault();
        }
    });
})

.config(function ($stateProvider, $urlRouterProvider, USER_ROLES) {
    $stateProvider
    .state('signup', {
        url: '/signup',
        templateUrl: 'templates/signup.html',
        controller: 'SignupCtrl'
    })
  $urlRouterProvider.otherwise('/login');
})

and inside the templates folder is having signup.html

<ion-view view-title="Signup" name="Signup-view">
    <ion-content padding="true" class="has-header">
      <form id="signup-form2" class="list ">

    // sign up fields goes here.....

     <a ui-sref="login" id="signup-button5" style="border-radius:15px 15px 15px 15px;" class="button button-calm button-block" ng-click="signupEmail(data)">Sign up</a>
       </form>
     </ion-content>
     </ion-view>