比较MVVM WPF和MVC / MVVM AngularJS

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

MVVM模式中的模型封装了业务逻辑和数据（ 它是负责业务登录和数据的特定类 ）

该视图的责任是定义用户在屏幕上看到的结构和外观。 （ 通过具有XAML页面来实现 ）

MVVM模式中的视图模型封装了视图的表示逻辑和数据（ 它是负责presention登录的特定类 ）

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

该视图是DOM（html）。

ViewModel是：

$ scope对象可以被视为由我们称之为Controller的函数装饰的ViewModel 。

问题来了

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

我明白，服务应该是模型？ 有人能告诉我吗？

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

---

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

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

链接地址: http://www.djcxy.com/p/63369.html

上一篇: Compare MVVM WPF and MVC/MVVM AngularJS

下一篇: Is MVVM pattern a symbiote of MVC + PAC patterns?