Json data not formatting in view

Question

I am fetching data in MVC and returning as Json. Although i am receving it in Angular controller but still getting Json in raw format.

 

Here is my MVC code...

 

 

public JsonResult Menu() {

var result = db.Departments.Include(y => y.Employee).ToList();

return Json(result, JsonRequestBehavior.AllowGet);

}

 

and here is my Angular Controller.

 

angular.module('ContactController', []).controller("ContactController", ['$scope', '$http', function ($scope, $http) {

$scope.model = {};

$http.get('/Contact/Menu').then(function(response) {

$scope.model = response.data;

})

}])

 

Here is View..

 

<tr ng-repeat="x in model">

<td>

{{x.Name}}

</td>

</tr>

 

and output in view is like this:

 

[{"Id":1,"Name":"Accounts","Employee":[]},{"Id":2,"Name":"Sales","Employee":[]}] 

 

any idea what m i missing???