<html lang="en" data-ng-app="app">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Demo Kayit</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module("app", []);
app.controller("Controller", ["$scope", function($scope) {
$scope.data = document.getElementById("hdnData").value;
if ($scope.data.length > 0) {
$scope.data = JSON.parse($scope.data);
$scope.markers = $scope.data;
<body data-ng-controller="Controller">
<input id="hdnData" type="hidden" value="@ViewBag.data" />
<table class="table table-bordered table-striped text-center">
<tr ng-repeat="data in markers">
<td>{{data.name|uppercase}}</td>
<td>{{data.surname|lowercase}}</td>
<td>{{data.money|number:3}}</td>
<td>{{data.country}}</td>