Json data not formatting in view

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..

{{x.Name}}

and output in view is like this:

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

any idea what m i missing???

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Iram Khan8y ago
I want to display this in a table in my MVC view.
Mehul Prajapati8y ago
If you don't want result in json row format then you do you want ? if you get json in string format then use JSON.parse(object).