Javascript 在Angular.js中列出/编辑项目的最佳实践是什么？

我在“员工”视图中有一个员工列表，可以在其中添加新员工和删除现有员工

为了列出员工，我在视图中使用ng repeat，我可以通过调用控制器中的splice方法（使用传递的Id和索引值）来删除特定的员工

对于编辑，我使用angular（copy）然后更新以DB为单位的编辑值。关于添加新员工、编辑和删除员工，一切正常

我在单一视图中编写了所有代码-单一html，其大小太大。我使用ng show/ng hide执行添加/编辑操作

我想将代码分解为多个视图以添加和编辑员工信息，并且我对员工模型中的所有CRUD操作使用相同的EmployeeController

如果我将employee.html分解为多个视图，那么我必须初始化控制器并最终丢失数据。我可以在这里使用$rootScope来保存我的数据，但它会污染我的结构，因为全局是一件坏事

请给我一个处理这种情况的最佳方法。提前谢谢

这是我的密码

// To get all employee instances
$scope.getEmpList = function(){
    $scope.employees = EmployeeFactory.getEmpList();
}

// Update employee details
$scope.editEmp = function(empObj){
    $scope.updatedEmpObj = angular.copy(empObj);
    EmployeeFactory.updateEmployee($scope.updatedEmpObj);
}

---

您应该使用服务来保存数据，并将该服务注入到需要数据的每个控制器中。服务是单例的，只实例化一次

---

有关更多详细信息，请参阅。

localStorage、indexdb、服务器端数据库。有无数的选择。请向我推荐任何小提琴的例子或相关的stackoverflow解决方案？这里不是提出这样一个开放式问题的地方。非常感谢您的客气话，先生！非常感谢，先生。这真的很有帮助。