title: Why am I unable to see this variable in my view?
body: <p>So here's the relevant segment from my router: </p>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>.state('app.browse', {
      url: "/browse/:question",
      controller: 'QCtrl',
      resolve: {
        question: function($stateParams, qService){
          console.log(qService.getQuestion($stateParams.question).q);
          return qService.getQuestion($stateParams.question).q;
        }
      },
      views: {
        'menuContent': {
            templateUrl: "templates/browse.html"
      }
    }
  })
  
  /* QSERVICE HERE  */
  .factory('qService', function() {
  var questions = [ {'q': "text text"} ];
  return {
      questions: questions,
      getQuestion: function(index) {
        return questions[index]
      }
    }
  })
  </code></pre>
  
  <p><strong>controllers.js</strong></p>
  
  <pre><code>.controller('QCtrl', function($scope, question){
    $scope.questions = qService.questions;
    $scope.question = question;
  })
  </code></pre>
  
  <p>Which finds exactly what I'm looking for as demonstrated by the console log. </p>
  
  <p>However in my browser view, I am unable to grab the <code>question</code> variable!</p>
  
  <p><strong>browser.html</strong></p>
  
  <pre><code>&lt;ion-view view-title="Browse"&gt;
              {{question}}
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>Which always displays as empty! Why is this happening, and how do I resolve it?</p>