我仍在学习 angularjs，我无法理解 $scope 和 model 对象之间的差异，这目前阻止我组织(使用一些最佳实践)我的应用程序.
据我了解，$scope 应该是只读的(看了一些我听到这个的教程)。

因此，当我加载应用程序时，我应该使用 service 从数据库中获取一些数据并将其存储在 model 中。

更新

现在，我从服务器获得的所有数据都存储在 Controller $scope 中，我正在尝试将其移动到服务中并使 Controller 变笨。
我也检查这个 article我正在尝试使用第二个或第三个选项，但仍然找不到实现它的最佳方法。
这是我的服务和 Controller :

function dataService($http) {
        var service = {
            getToDoList: getToDoList,
            getToDoListByType: getToDoListByType,
            getToDoById: getToDoById
        };

        return service;

        function getToDoList() { }
        function getToDoListByType() { }
        function getToDoById() { }
    }
function toDoController($location) {       
        var vm = this;

        vm.todos = [];
        vm.title = 'toDoController';

        activate();

        function activate() {
            return getToDos().then(function () {
                console.log("ToDos loaded");
            });
        }

        function getToDos() {
            return dataservice.getToDoList()
                .then(function (data) {
                    vm.todos = data;
                    return vm.todos;
                });
        }
    }

但在这个实现中，待办事项列表又在 Controller 中。

从服务器和应该设置的位置(从 Controller 或服务)获取此列表后，我应该将其存储在哪里，以便我可以以缓存的方式操作此列表(将其保存在本地并偶尔更新)？

我来自 C# 世界，在那里我总是使用实体对象(例如用户、产品、项目等)在循环中填充这些对象并将其存储在列表中。我找不到一种方法，我应该如何在 Angular 上使用这种方法，如果是的话，应该只使用属性服务吗？

我使用一项服务来保存列表，并使用一项服务来包含 CRUD 功能。 如果我从模型中将数据加载到 $scope 中，如果代码的其他部分更改了模型中的数据，如何稍后更新该范围？

例如，更改可以来自另一个 Controller 或通过 SignalR 更新。 另外，当我更新数据时，我听说 $scope 应该是只读的，我需要更新服务，然后如何以及何时更新 $scope？

如果我的问题太菜鸟了，我很抱歉，但如果有人可以帮助我了解在哪里保持 Angular ，我将不胜感激？

最佳答案

该模型更常用于名为模型- View - Controller (MVC) 的软件架构模式中。如果不了解完整模式，就无法理解模型的工作原理。在这种模式中，Web 应用程序被分解成组件，目的是分离职责。我将通过一个完整的 TODO 代码示例来指导您了解 MVC 的实际用途。

模型:获取/操作所有域数据(更多时候是从服务器获取)。在这里，您创建了一个清晰的 API，可以访问服务中发生的数据。在服务中，您从服务器获取数据，将它们保存在内部，然后提供一些提供访问权限的功能，当有人需要这些数据时，他只需使用注入(inject)来访问服务。将这种服务视为具有数据、get/set 和其他方法的单例类。一条规则是:如果您不知道某物的去向，则更有可能是去服务处。 (FULL CODE)

.factory('api', function ($resource) {
    'use strict';

    var store = {
        //HERE IS THE API
        todos: [],

        api: $resource('/api/todos/:id', null,
            {
                update: { method:'PUT' }
            }
        ),
        clearCompleted: function ()[..]
        delete: function (todo)[..]
        get: function () [..]
        insert: function (todo)[..] 
        put: function (todo)[..]
    };
    return store;
})

Controller :在上图中，您可以很容易地看到 Controller 仅从用户交互中获取而不提供。 Controller 不操纵 Dom。这里的数据通过使用范围(或使用 Controller 内部的 this)从 View (用户)传输到 Controller ，然后使用我们通过注入(inject)服务(模型)获得的功能来操作模型。很多时候我们让 Controller 充当中介者，这打破了 MVC 的规则，通过查询模型并将结果传递给 View ，这是一个不同的模式名称 MVP。规则是:您的 Controller 必须始终尽可能精简。( FULL CODE )

.controller('TodoCtrl', function TodoCtrl($scope, $routeParams, $filter, store) {
  //store is the model, we make this in app.js
  //is the result of a factory we make up,and we named "api"
  var todos = $scope.todos = store.todos;
  [..]
  //in html we call removeTODO
  //<button class="destroy" ng-click="removeTodo(todo)"></button>
  //We use user interaction to manipulate the model!
  $scope.removeTodo = function (todo) {
    store.delete(todo);//we use the api we make
  };
  [..]

View :正如您在图像中看到的，模型更新 View ，而不是 Controller 。如何？带有指令和过滤器。小心， View 只有数据的呈现(数据绑定(bind))。不要包含复杂的逻辑。我想明确一点，在 MVC 中， View 应该直接访问模型。指令和过滤器提供此功能。如果你想进行 DOM 操作，你必须使用指令(而不是 Controller )。注意:我们将dom操作放在指令的编译和链接函数中，而不是在 Controller 中。( FULL CODE1 FULL CODE2 )

I have problem with understanding the difference between $scope and model object

Scope只是我们看到的模型，而不是模型!范围也用于用户交互， Controller 取决于范围， Controller 取决于模型。

so I can manipulate this list in a cached way (keep it local and update it occasionally)?

有很多方法可以解决这个问题。通常我们使用观察者模式，但在 Angular 上有另一种在大多数情况下更好的方法来做到这一点。这里有一个例子:

angular
  .module("testApp", [])
  .service("myDataService", function(){
    this.dataContainer = {
      valA : "car",
      valB : "bike"
    }
  })
  .controller("testCtrl", [
    "$scope",
    "myDataService",
    function($scope, myDataService){
      $scope.data = function(){
        //you get always the update data and never store tha data
        //to the controller
        return myDataService.dataContainer;
      };
  }]);

更多信息请查看this ，有一些惊人的答案。

关于javascript - 在 angularJS 应用程序中将模型保存在哪里？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36955841/