比较MVVM和MVC/MVVM AngularJS

Question

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

1. MVVM模式中的模型封装了业务逻辑和数据(是负责业务登录和数据的特定类)。
2. 视图的职责是定义用户在屏幕上看到的内容的结构和外观。(通过拥有XAML页面来实现)
3. MVVM模式中的视图模型封装了视图的表示逻辑和数据。(是负责预登录的特定类)

现在可以将其与Angularjs设计模式MVC/MVVM.进行比较。

1. 视图是DOM(html)。
2. ViewModel是：

$scope对象可以被认为是由我们称为Controller.的函数修饰的ViewModel。

，下面是的问题

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

我知道也许服务应该是模型？有人能跟我说清楚吗？

我想使用类作为模型，就像我们在MVVM设计模式中提到的那样，其中模型是一个类。

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;
           });
       }]);