title: Trying to compress my ui-router state definitions by putting the state object into a variable. Doesn't work
body: <p>So here is my code. I'm sure there is something simple that I have wrong, but I'm just not figuring out why this isn't working. It works if I replace each logState with the contents of the variable, but I can't get the variable to work. It doesn't error at all.</p>
  
  <pre><code>.config(function config( $stateProvider) {
      var logState = {
          url: '/log',
          controller: 'logController',
          templateUrl: 'log/log.tpl.html',
          resolve: {
              vData: ['$http', 'apiUrl', function($http, apiUrl)
              {
                  return $http.get(apiUrl+ '/emaillog');
              }]
              },
              data:{ pageTitle: "Log"}
          };
      $stateProvider
      .state( 'log', logState)
      .state( 'parents.parent.log', logState)
      .state( 'parents.parents.children.child.log', logState)
  })
  </code></pre>