AngularJS

1.Add new app in AngularJS

JS
var app = angular.module("myShoppingList", []);
app.controller("myCtrl", ['$scope','$http', function ($scope,$http) {
    $scope.products = ["Milk", "Bread", "Cheese"];
    $scope.hello = "How are you";
    $scope.Hello = function () {
        alert("Hello");
    }

    var path = '/App/json.json';
    $http.get(path).then(success, error);
    function success(data) {
        $scope.data = data.data;
       // $scope.data =JSON.stringify(data.data);
    };

    function error() {

    }

}]);

HTML
@{
    ViewBag.Title = "Home Page";
}
<script src="~/Scripts/angular.js"></script>
<script src="~/Scripts/angular.min.js"></script>
<script src="~/App/HomeController.js"></script>

<div ng-app="myShoppingList">
    <div ng-controller="myCtrl">
        <div ng-repeat="d in data">
            <div>{{d.Code}} - {{d.Marks}}</div>
            <br />
        </div>

    </div>
</div>


[
  {
    "Code": "100",
    "Marks": "100"
  },
  {
    "Code": "200",
    "Marks": "200"
  },
  {
    "Code": "300",
    "Marks": "300"
  }
]