Why not displaying data in the table into mvc using angular
hi,I am new in angular. So i am trying data getting from angular
but i am not getting data. My data table name is 'UserMaster'
I am using Entity framework. I am trying developing a project
in mvc with angular.. I known very well in mvc.
view:
====
@{
ViewBag.Title = "Register";
}
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<div ng-app="myRegApp" ng-controller="mvcCRUDCtrl">
<p><b>AVS Staff Register</b></p>
<table class="table table-hover">
<tr>
<td><b>Employee Name</b></td>
<td><b>Employee Email</b></td>
<td><b>Contact No.</b></td>
<td><b>Action</b></td>
</tr>
<tr ng-repeat="user in users">
<td>
{{user.Fname}}
</td>
<td>
{{user.Email}}
</td>
<td>
{{user.ContactNo}}
</td>
<td>
<span ng-click="editRegister(user)" class="btn btn-primary">Edit</span>
<span ng-click="deleteRegister(user)" class="btn btn-primary">Delete</span>
</td>
</tr>
</table>
</div>
RegisterController
===================
public class RegisterController : Controller
{
public AVSEntities db = new AVSEntities();
//
// GET: /Register/
public ActionResult Register()
{
return View();
}
public JsonResult GetAllRegisters()
{
try
{
var regList = db.UserMasters.ToList();
return Json(regList, JsonRequestBehavior.AllowGet);
}
catch (Exception ex)
{
throw ex;
}
}
}
controller.Js
===
app.controller("mvcCRUDCtrl", function ($scope, crudAJService) {
GetAllRegisters();
//To Get all users records
function GetAllRegisters() {
debugger;
var getRegisterData = crudAJService.getRegisters();
getRegisterData.then(function (user) {
$scope.users = user.data;
}, function () {
alert("There is no Data");
});
}
});
Model.js
===
var app = angular.module("myRegApp", []);
Service.js
=========
app.service("crudAJService", function ($http) {
//Get all Register Data
this.getRegisters = function () {
return $http.get("Register/GetAllRegisters");
};
})
BundleConfig
=======
bundles.Add(new ScriptBundle("~/bundles/angularJS").Include(
"~/Scripts/angular.js",
"~/Scripts/angular.min.js"));
bundles.Add(new ScriptBundle("~/bundles/appJS").Include(
"~/Scripts/app/Module.js",
"~/Scripts/app/Service.js",
"~/Scripts/app/Controller.js"));
}