$http and getting data from json?

Question

Angular

Good afternoon, I started reading the angular.ru tutorial, making an example from the tutorial, everything works, I decided to change a little and ran into such a problem, there is a file:
main.json

[
  {
    "main_view" : 10000,
    "main_view_one" : 20000,
    "main_view_two" : 30000
  }
]

controller.js

angular
  .module('app',[])
  .controller('MainList', MainList);
function MainList ($scope, $http) {
  $http.get('main.json').success(function(mydata){
  	console.log(mydata);
    $scope.main = mydata;
    
  });
}

I write the ngController directive in the body, do the binding :
<p>{{main_view}}</p>
but nothing is output. why?

Answer 1

thanks to everyone for the tips, I figured it out, it was necessary to parse json
, it turned out like this:

$scope.result = angular.fromJson(mydata);
$scope.main_view = $scope.result[0].main_view;

Answer 2

In general, it's better to use then, because success has been deprecated.

Answer 3

Because what you received in response to ajax lies in this $scope.main variable. That is, in the template you need to do this - {{main}}