在角度控制器中檢索json數據

Question

我想從我的應用程序控制器中的JSON文件中獲取幾個值。

我有一個JSON文件看起來是這樣的：

{ 
    "login": [ 
     { 
     "username": "admin", 
     "password": "admin" 
     } 
    ], 
    "header": [ 
     { 
      "subTitle": "Hello", 
      "color": "red" 
     } 
    ] 
} 

我試圖找回這樣的值：

app.controller('loginCtrl', function($http, $scope) { 
    data = $http.get('data.json'); 
    console.log(data.login.username); 
} 

然而，所有我得到的控制檯TypeError: Cannot read property 'username' of undefined。

Answer 1

data = $http.get('data.json'); 
data.then(function(result){ 
    console.log(result.login[0].username); 
}); 

Answer 2

即使你的JavaScript是同步的，你打這個電話始終ASYNCH

$http.get('data.json').then(function (response) { 
console.log(response.data) 
}); 

在你的條件的JavaScript調用get函數之前它返回結果，所以你執行這個 console.log(data.login.username);

所以沒有得到預期的結果