如何将值传递给Angular JS服务

Question

我已经实现了在文本框等上编辑和显示值的功能，但现在想将这些代码传输到Angular JS Service。这是我的代码-

app.factory('fetchEmpService', ['$rootScope', '$http', function ($rootScope, $http ) {
    var employees = [];
    return {

        editEmp: function (EID) {
            debugger;
            for (i in $rootScope.employees) {
                if ($rootScope.employees[i].EmpId == EID) {
                    $rootScope.newemployee = {
                        EmpId: $rootScope.employees[i].EmpId,
                        Name: $rootScope.employees[i].Name,
                        Age: $rootScope.employees[i].Age,
                        City: $rootScope.employees[i].City,
                        Gender: $rootScope.employees[i].Gender
                    };
                }
            }
        },


    };
}]);

我正在使用$ rootScope而不是$ scope（以前在控制器中使用）对象。 这是正确的方法，因为它什么也不返回。

Answer 1

将数据存储在$rootScope不是一个好习惯，尽管您认为自己需要factory是正确的。

与其将员工存储在$rootScope上，不如将他们存储在服务中。

app.factory('fetchEmpService', ['$http', function ($http) {
    var employees = [];

    return {
        getEmployees: function () {
            return employees;
        },
        setEmployees: function (newEmployees) {
            employees = newEmployees;
        },
        editEmp: function (EID) {
            for (var i in employees) {
                if (employees[i].EmpId == EID) {
                    return {
                        EmpId: employees[i].EmpId,
                        Name: employees[i].Name,
                        Age: employees[i].Age,
                        City: employees[i].City,
                        Gender: employees[i].Gender
                    };
                }
            }
        }
    };
}]);

无论您最初在何处设置$rootScope.employees ，都将其更改为fetchEmpService.setEmployees(foo); 。 要获取您的员工，请fetchEmpService.getEmployees(); 。

我不确定您的editEmp函数如何工作，这取决于您进行配置，但这是一个明智的起点。