从ng-ressource获取的Angular JS Promise中读取数据

Question

我正在尝试阅读以下字段（LocationID ..），这些字段在我编写时可以在控制台中看到

console.log($scope.businessInformation);

控制台照片拍摄

你能帮我吗？

谢谢

Script.js

app.controller('ProfileController', ['$scope', function($scope) {
  $scope.dropLink = '1';
  $scope.dropContentLink = '1';

}]);

app.factory('infoService', ['$resource', function($resource){
  return $resource('/api/business-information/:id');
}]);

app.controller('BusinessInfoController', ['$scope', 'infoService', function($scope, infoService) { 

  $scope.isActive = 1;
  $scope.is_active_label = 'Active';

  $scope.getInfo = function() {

      $scope.businessInformation = infoService.query({id: $scope.businessInformation.industryID});
      console.log($scope.businessInformation);
  };

  $scope.updateLabel = function(){
    if($scope.isActive === 1){
      $scope.is_active_label = 'Active';
    }else {
      $scope.is_active_label = 'Not Active';
    }
  };

}]);

路线/api.js

router.route('/business-information/:id')

    .get(function(req, res){

        conn.query('CALL Inductry_Location_Get(?)', [req.params.id],function(err,info){

          if(err) res.send(err); 
          console.log('Data received from Db:\n');
          console.log(info[0]);
          return res.send(info);
        });
    }) ;

module.exports = router;

Answer 1

$ resource非常棒，因为当您调用诸如query之类的操作时，一旦答应解决，收到的对象将自动填充。 这里的问题是您尝试在承诺被解决之前调用它之后立即记录它。

如果要从控制器使用它，则可以将代码添加到Promise属性$promise

$scope.getInfo = function() {
  $scope.businessInformation = infoService.query({
    id: $scope.businessInformation.industryID
  });

  $scope.businessInformation.$promise.then(function(data) {
    // Access data parameter or
    console.log(data);
    // Use $scope.businessInformation directly since its populated at this point
    console.log($scope.businessInformation);
  });
};

如果要在视图上使用它，则可以使用$resolved参数知道数据是否已准备好。

<div ng-show="businessInformation.$resolved">{{ businessInformation }}</div>

我还想指出一个奇怪的地方，那就是您甚至在查询运行之前就使用$scope.businessInformation 。 您将$scope.businessInformation.industryId传递到查询参数中。