Hi mahesh213,
Refer below sample code.
Database
CREATE TABLE CreditCardDetails(Id INT PRIMARY KEY,Name BIGINT)
INSERT INTO CreditCardDetails VALUES(1,1233121212121212)
Controller
public class HomeController : Controller
{
// GET: /Home/
public ActionResult Index()
{
return View();
}
[HttpGet]
public ActionResult GetCreditCardnumber()
{
TestEntities entities = new TestEntities();
var loc = entities.CreditCardDetails.Select(model => new { model.Id, model.Name }).FirstOrDefault();
return Json(loc, JsonRequestBehavior.AllowGet);
}
}
View
<html>
<head>
<title>Index</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.js"></script>
<script type="text/javascript">
var app = angular.module('MyApp', [])
app.controller('MyController', function ($scope, $http) {
$http.get("/Home/GetCreditCardnumber/")
.then(function (response) {
$scope.Id = response.data.Id;
var number = response.data.Name.toString();
$scope.CreditNumber = number.slice(0, 4) + number.slice(4, 12).replace(/\d/g, 'x') + number.slice(-4);
}).then(function (response) {
alert(response.responseText);
});
});
</script>
</head>
<body>
<div ng-app="MyApp" ng-controller="MyController">
Id : <input type="text" ng-model="Id" class="form-control" />
CreditCardNumber : <input type="text" ng-model="CreditNumber" class="form-control" />
</div>
</body>
</html>
Screenshot
