角度コントローラのjsonデータを取得する

Question

私のアプリケーションコントローラのJSONファイルからいくつかの値を取得したいと思います。私はコンソールに取得していますすべてがある、しかし

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

：

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

私はこのような値を取得しようとしています：

私はこのようになりますJSONファイルを持っています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が同期しているにもかかわらず、あなたが作るの呼び出しは常にget関数と呼ばれ、それが結果で返された前に、それはこのconsole.log(data.login.username); をあなたが実行されるJavaScriptあなたの観点で非常に

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

をasynchです