title: Controllers for buttons in ionic
body: <p>I've been running into some probelms with my controllers and I want to make sure I'm understanding them right.</p>
  
  <p>I have two buttons that are suppose to link to their controllers</p>
  
  <pre><code>&lt;button class="button button-block button-positive" ng-click="signIn(user)"&gt;
    Sign-In
  &lt;/button&gt;
  &lt;button class="button button-block button-positive" ng-click="signUp(user)"&gt;
    Sign-Up
  &lt;/button&gt;
  </code></pre>
  
  <p>and I have two controllers in my app.js</p>
  
  <pre><code>.controller('SignInCtrl', function($scope, $state) {
  
      $scope.signIn = function(user) {
          console.log('Sign-In', user);
          $state.go('welcome');
      };
  })
  
  .controller('SignUpCtrl', function($scope, $state) {
  
      $scope.signUp = function(user) {
          console.log('Sign-In', user);
          $state.go('welcome');
      };
  })
  </code></pre>
  
  <p>with the stateProvider being</p>
  
  <pre><code>.config(function($stateProvider, $urlRouterProvider) {
  
          $stateProvider
              .state('signin', {
                  url: '/sign-in',
                  templateUrl: 'templates/sign-in.html',
                  controller: 'SignInCtrl'
              })
              .state('welcome', {
                  url: '/welcome',
                  templateUrl: 'templates/welcome.html'
              })
  
          $urlRouterProvider.otherwise('/sign-in');
      })
  </code></pre>
  
  <p>Is their a reason the sign in button works and the sign up doesn't?</p>