json - 访问 JSON 对象 Prop - Angular JS

Question

第一次使用 Angular JS，我使用 $http.get 返回一个 Json 对象。当我输出响应数据时，我可以在控制台中看到整个 JSON 对象，但我无法访问该对象或属性。我在这里缺少什么？

    $scope.init = function (value) {
        $scope.productEditorModel.productId = value;
        $scope.loadData($scope.productEditorModel.productId);
    }

    $scope.loadData = function (productId) {
        var responsePromise = $http.get("/Product/GetProductModel", {
            params: { productId: productId }
        });

        responsePromise.success(function (dataFromServer, status, headers, config) {
            console.log(dataFromServer.DataModel);

          });
    };

当我第一次将 dataFromServer 输出到控制台时，对象为空，然后它被填充。由于这是一个异步调用，我应该能够访问和设置成功中的任何变量

我希望能够直接访问对象和属性名称 IE:

    $scope.productModel.productId = dataFromServer.Data.productId

我的 json 看起来像这样:

  Object{DataModel:Object, IsSuccess: false}

谢谢!

Answer 1

问题是您试图在数据返回之前访问数据。这是一个 plunker，演示了如何设置它，以及如何不设置它。

  //predefine our object that we want to stick our data into
  $scope.myDataObject = {
    productId: 'nothing yet',
    name: 'nothing yet'
  }

  //get the data, and when we have it, assign it to our object, then the DOM will automatically update
  $http.get('test.json')
  .success(function(data) {
    $scope.myDataObject = data
  });

  var y = $http.get('test.json')
  //this throws an error because I am trying to access the productId property of the promise object, which doesn't exist.
  console.log(y.productId);

这是 demo