javascript - AngularJS:解决 ui-router 配置中的 promise

Question

有我的代码$stateProvider:

$stateProvider
  .state("home", {
      url: "/",
      template: "<employee-info-component user='$resolve.user'></employee-info-component>",
      resolve: {
        user: function(individualFootprintService) {
          var usr = individualFootprintService.getCurrentUser();
          return usr.then(function(data) {
            return data;
          });
        }
      }

这是我的服务:

function getCurrentUser() {
  return $http
    .get("/user")
    .then(function(response) {
      return response.data;
    });
}

这是我在组件中的绑定(bind):

        binding:{
                user: '<'
        }

我们试过这个 Controller :

function individualFootprintController(user) {
        var $ctrl = this;
user.then(function (data) {
            $ctrl.user = data;
        });
}

但是我们收到异常 Error: [$injector:unpr] Unknown provider: userProvider <- user <- individualFootprintController

我们尝试了这个 Controller :

function individualFootprintController() {
            var $ctrl = this;
            console.log($ctrl.user);
    }

但是user不要来到 Controller ，它的值为undefined .所以我的问题是如何从 Controller 访问所需的对象？

Answer 1

您应该使用bindings 而不是binding。