Question

所以这里是我路由器的相关部分：

app.js

.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]
    }
  }
})

controllers.js

.controller('QCtrl', function($scope, question){
  $scope.questions = qService.questions;
  $scope.question = question;
})

正如控制台日志所示，它找到了我正在寻找的内容。

但是在我的浏览器视图中，我无法抓取question变量！

browser.html

<ion-view view-title="Browse">
            {{question}}
</ion-content>

总是显示为空！为什么会发生这种情况，我该如何解决？

Answer 1

Resolve不会将问题绑定到您的控制器。

在您的控制器中执行此操作

.controller('QCtrl', function ($scope, question) {
   $scope.question = question;
})

此外 - 在您的状态对象中，问题传递不正确。校正：

.state('app.browse', {
    url: "/browse/:question",
    resolve: {
      question: function($stateParams, qService){
        return qService.getQuestion($stateParams.question);
      }
    },
    views: {
      'menuContent': {
        templateUrl: "templates/browse.html",
        controller: 'QCtrl',
      }
    }
  })

您还缺少州对象中的templateUrl。更新此项以反映模板的位置，并且应该更好：）

为什么我在视图中无法看到此变量？

1 个答案: