没有刷新角度js中的数据 [英] Not refreshing data in angular js

问题描述

我在带有角度js的mvc框架中写了一个网页。



我的申请是：

I write a web in mvc framework with angular js.

my application is:

var app = angular.module("AngularApp", []);

我的控制器是：

and my controller is:

app.controller("EmpCtrl", function ($scope, EmployeeService) {
GetAllEmployee();
function GetAllEmployee() {

    var getAllEmployee = EmployeeService.getEmployee();
    getAllEmployee.then(function (emp) {
        $scope.employees = emp.data;

    }, function () {
        alert('data not found');
    });
}


$scope.deleteEmployee = function (id) {
    var getData = EmployeeService.DeleteEmp(id);
    getData.then(function (msg) {
        GetAllEmployee();
        alert('Employee Deleted...');
        $scope.h1message = true;
        $scope.message = "ED";
    }, function () {
        $scope.h1message = true;
        $scope.message = "Error in Deleting Record";
    });
}
});

我的服务是：

and my service is:

app.service("EmployeeService", function ($http) {
this.getEmployee = function () {
    debugger;
    return $http.get("/EmployeeModels/GetAllEmployee");
};

//Delete Employee
this.DeleteEmp = function (employeeId) {
    var response = $http({
        method: "post",
        url: "/EmployeeModels/deleteEmployee",
        params: {
            employeeId: JSON.stringify(employeeId)
        }
    });
    return response;
}

});

和我的mvc行动是：

and my mvc action is :

private ApplicationDbContext db = new ApplicationDbContext();

    public JsonResult GetAllEmployee()
    {
        using (ApplicationDbContext db = new ApplicationDbContext())
        {
            var employeeList = db.EmployeeModels.ToList();
            return Json(employeeList, JsonRequestBehavior.AllowGet);
        }
    }

    //DeleteEmployee
    public string DeleteEmployee(string employeeId)
    {
        if (employeeId != null)
        {
            int no = Convert.ToInt32(employeeId);
            var employeeList = db.EmployeeModels.Find(no);
            db.EmployeeModels.Remove(employeeList);
            db.SaveChanges();
            return "Employee Deleted";
        }
        else { return "Invalid Employee"; }
    }

和html文件是：

and html file is:

<div ng-app="AngularApp" ng-init="name='hn';backGroundColor='red';
     person={firstname:'jo',lastname:'hary'}">
    <div ng-controller="EmpCtrl">
        <table border="1" width="100%">
            <tr>
                <th ng-click="orderByMe('EmployeeId')">employee id</th>
                <th ng-click="orderByMe('Address')">addres</th>
                <th ng-click="orderByMe('EmailId')">email id</th>
                <th ng-click="orderByMe('EmployeeName')">employee name</th>
            </tr>
            <tr ng-repeat="emp in employees|orderBy:orderByMe">
                <td> {{emp.EmployeeId}}</td>
                <td> {{emp.Address}}</td>
                <td>{{emp.EmailId}}</td>
                <td>{{emp.EmployeeName}}</td>
                <td>
                    <a data-ng-click="deleteEmployee(emp.EmployeeId)" style="cursor:pointer;">Delete</a>|
                    
                </td>
            </tr>
        </table>
        <br />
 </div>
</div>

数据视图还可以。我在删除函数中调用GetAllEmployee（）。 但是当我删除记录到数据库表时，查看不刷新数据？



我尝试了什么：



删除记录时不刷新数据。

the view of data is ok. and I call GetAllEmployee() in delete function. but when I delete record to table of database, view not refresh data?

What I have tried:

not refreshing data when a record is delete.

推荐答案

范围，EmployeeService）{
GetAllEmployee（）;
function GetAllEmployee（）{

var getAllEmployee = EmployeeService。 getEmployee的（）;
getAllEmployee.then（ function （emp）{

scope, EmployeeService) { GetAllEmployee(); function GetAllEmployee() { var getAllEmployee = EmployeeService.getEmployee(); getAllEmployee.then(function (emp) {

scope.employees = emp.data;

}， function （）{
alert（' 未找到数据）;
}）;
}

scope.employees = emp.data; }, function () { alert('data not found'); }); }

scope.deleteEmployee = function （id）{
var getData = EmployeeService.DeleteEmp（id）;
getData.then（ function （msg）{
GetAllEmployee（）;
alert（' 已删除员工......'）;

scope.deleteEmployee = function (id) { var getData = EmployeeService.DeleteEmp(id); getData.then(function (msg) { GetAllEmployee(); alert('Employee Deleted...');

这篇关于没有刷新角度js中的数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！