在我的理解中， $scope.categories 已經定義好了。那為什么我會收到此錯誤并且無法訪問 Json 檔案中的資料？
這是我的控制器：
(function(){
app.controller('productsCtrl', ['$scope','$cookies', '$http', function($scope,$cookies,$http){
$http.get("controllers/data.json").then(function (response) {
$scope.categories = response.data;
});
$scope.specials = [categories[0].laptops[1], categories[1].accessories[0]];
}]);
})();
這是我的 Json 檔案：
[
{
"laptops": [
{
"name": "Asus Laptop",
"price": 300
},
{
"name": "HP Notebook",
"price": 200
}
]
},
{
"accessories": [
{
"name": "WD Hard Drive",
"price": 100
},
{
"name": "WD Blue SSD",
"price": 700
}
]
}
]
uj5u.com熱心網友回復：
您已將回應資料分配到$scope.categories，您需要使用$scope.categories代替，categories并且$scope.specials一旦 http 呼叫完成，您也應該添加到
(function(){
app.controller('productsCtrl', ['$scope','$cookies', '$http', function($scope,$cookies,$http){
$scope.specials = [];
$http.get("controllers/data.json").then(function (response) {
$scope.categories = response.data;
$scope.specials.push($scope.categories[0].laptops[1]);
$scope.specials.push($scope.categories[1]. accessories[0]);
});
}]);
})();
uj5u.com熱心網友回復：
這里其實有幾個問題。首先是你從來沒有定義一個名為類別的變數，你有一個名為 $scope 物件的屬性，所以你需要直接訪問$scope.categories或response.data設定它。
其次，你有一個競爭條件問題。您正在嘗試訪問承諾之外的類別值，這意味著可能在 get 請求回傳任何資料之前。當您按原樣使用時get().then()，請求之后的代碼不會等待請求完成后再運行，因此先運行速度更快的代碼。因為正在運行的兩個操作之一是訪問外部端點，另一個是本地 javascript 代碼，所以幾乎可以保證流程是這樣的：
- 向“controllers/data.json”發送獲取請求
- 設定 $scope.specials - 導致您未定義的錯誤
- 當獲取請求承諾解決時設定 $scope.categories
您需要訪問 promise 中的類別，以確保它實際上已在您嘗試訪問它時定義：
$http.get("controllers/data.json").then(function (response) {
$scope.categories = response.data;
$scope.specials = [$scope.categories[0].laptops[1], $scope.categories[1].accessories[0]];
});
像這樣對索引進行硬編碼通常也是一個壞主意，如果資料發生變化，您可能會遇到索引越界錯誤。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/341622.html
標籤：javascript 数组 json angularjs