angularjs - 比较 MVVM WPF 和 MVC/MVVM AngularJS

Question

WPF 中的 MVVM 架构似乎是可以理解的。

1. MVVM模式中的模型封装了业务逻辑和数据。（是专门负责业务登录和数据的类）
2. 视图的职责是定义用户在屏幕上看到的结构和外观。（通过有一个 XAML 页面来实现）
3. MVVM模式中的视图模型封装了视图的展示逻辑和数据。（是一个专门负责展示登录的类）

现在让我们将其与 Angularjs 设计模式 MVC/MVVM 进行比较。

4. 视图是 DOM(html)。

5. 视图模型是：

$scope对象可以被认为是被我们称为控制器的函数修饰的ViewModel 。

问题来了

这个 AngularJS 设计模式中的模型是什么？

我知道也许服务应该是模型？有人可以告诉我吗？

顺便说一句，我想使用 ES6 Class 作为我们在 MVVM WPF 设计模式中讨论的模型，其中模型是 Class。

Answer 1

模型可以来自服务或工厂，例如：

angular.module("myModule")
       .factory("urlFactory", function() {
           return {
               myModelSource: 'http://localhost:38324/api/myModel'
           }
       })
       .service("dataSource", ["$http", "urlFactory", function($http, urlFactory) {
           return {
               getMyModel: function() {
                   return $http.get(urlFactory.myModelSource);
               }
           }
       }])
       .controller("myController", ["$scope", "dataSource", function($scope, dataSource) {
           dataSource.getMyModel().then(function(myModel) {
               $scope.viewModel = myModel;
           });
       }]);