javascript - Angular 中的 JSON 数据

Question

我正在创建一个 AngularJS 客户端并将其连接到我在 NodeJS 上运行的 REST API。我通过 GET 请求获取数据，方法是转到 URL，然后使用股票代码，即 localhost:8080/stocks/aapl 来获取 Apple 的股票数据。在 AngularJS 中，我使用 $http 服务，然后进行如下数据绑定(bind):

var restURL = "http://localhost:8080/stocks/" + searchSymbol;

$http({
    method: 'GET',
    url: restURL
}).then(function successCallback(response) {
    //Variables that are going to be used
    var data, symbol, companyName;
    //Parsing the data
    data = angular.fromJson(response);
    //Putting the data into the variables
    symbol = data.symbol;
    companyName = data.name;
    //Putting data from variables into Angular code
    $scope.companyName = companyName;
    $scope.symbol = symbol;
}, function errorCallback(response) {
    var message = "Error getting response from server";
    $scope.errorMessage = message;
});

这就是 View 组件的样子:

<h1>Search Stocks</h1>
<p>Search for stocks using the text box below</p>

<p><input type="text" ng-model="searchSymbol" placeholder="Search by Symbol"></p>
<p><button ng-click="search()">Search</button></p>

<p> {{ symbol }}</p>
<p>{{ companyName }}</p>

<p>{{ errorMessage }}</p>

当我单击按钮时，GET 请求会反射(reflect)在 NodeJS 服务器上，因为它在终端 View 中显示公司数据，但我似乎无法在 Angular 中解析它。

Answer 1

由于您的响应是一个对象，其中包含包含符号的属性数据，因此您的符号分配 symbol = data.symbol; 需要更改为 symbol = data.data.symbol ;对于公司名称也是如此(使用 data.data.name)。

看看是否有效。