将Silverlight MVVM应用程序移植到AngularJS

Question

我们正在将现有的Silverlight应用程序移植到AngularJS / Typescript中。

该应用程序具有经典的MVVM结构，其中包含数据模型，视图模型和视图。 这些模型之间紧密地联系IObservable<> ：例如，有IObservable<>事件流将子模型内的更改通知容器模型。

这就是令我困惑的地方：在MVVM中，绑定到视图的所有内容都是视图模型。 一个视图模型可能包含其包含的其他视图模型的列表。 但是，在所有WPF / Silverlight背景的AngularJS教程中，只有$scope被称为视图模型。 嵌套对象呢？ 它们只是域数据模型，您直接绑定到它们而没有任何中间视图模型层吗？

然后，还有另一个问题：如果我的数据对象以某种方式发生了变化（例如，某些服务从网络接收数据时会对其进行更新，或者仅根据计时器进行某些工作即可），如何通知视图应对其进行更新？

Answer 1

首先，我想说的是，您不应该尝试将一项技术与另一项技术相匹配。 用C＃编写应用程序不是使用Javascript（或其他任何形式）编写应用程序，因此尝试在Angular / javascript上如何调用Silverlight事情起个名字并不是一个好主意。

我建议您（和您的团队）学习如何制作Angular应用程序，将哪些组件用于什么目的，然后将IDEA移植到angular。 像Silverlight应用程序一样编码Angular应用程序不是一个好主意。

无论如何，为了回答这个问题，由于我对WPF / Silverlight十分熟悉，所以我会回答您的一些问题。

在Angular中，真正不需要实现任何观察模式（存在pubsub）。

通常，您的服务具有多种功能，例如用于访问后端或保存数据以在不同页面中使用的存储库模式。 由于服务是单例的，因此，如果您从pageA对其进行修改，则pageB会知道，因此无需指出，这是隐式的。

$ scope充当控制器和视图之间的粘合剂。 由于$ scope拥有POJO（可将普通的javascript对象放置在所需的任何位置。可以在其中放置嵌套的对象或函数。然后可以在视图中的$ scope上使用这些属性，而不会出现任何问题。

如果服务查询后端，它将更新服务的数据，并且使用该服务的每个控制器将自动获取更新的内容。 这里的窍门是知道您不必杀死引用，而只需更新值即可。

因此，花一点时间来学习Angular，而无需考虑Silverlight，了解每一部分的功能并开始工作。 那是我的建议。