WebSharper与Angular

Question

Angular可以使用ui-router来定义状态，以便在应用程序中移动。例如，当仍然在一个页面上时，您可以在页面的左侧显示列表视图，而在右侧显示详细信息视图。然后，每当您更改左侧列表中的记录时，详细信息也会更改，但是，您仍然在同一个页面中。在WebSharper中也可以这样做吗?或者有任何其他选择来处理这种情况吗？

另外，angular有模板(和指令)的概念。其中，这使得能够将本地html代码包装到模板中，并将其用作某些其它html页面中的指令的一部分。例如，可以使用像select2这样的javascript库。例如使用select2库，这在WebSharper中也是可能的吗？

Answer 1

我对Angular不是很熟悉，但是你列出的大多数特性都可以在WebSharper中作为一个扩展提供：WebSharper.UI.Next。您可以像您所描述的那样定义客户端路由。它也有模板，但它还在开发中，所以还没有相关的文档(但我们已经在项目中积极使用它了)。整个库旨在用于创建响应式的单页面应用程序，因此它可以作为angular的替代品(当然，不是很广泛)。

至于模板:因为你是用F#编写代码的，所以有一个用UI.Next实现的方便的领域特定语言来处理超文本标记语言组合符，这样你就可以用F#定义你的视图，并在你的项目中重用它们，直到我们让模板更容易使用。

您可以使用外部库(如select2)，但这需要一些额外的工作，即为库(或者至少是您想要使用的那一部分)定义库的类型。由于您正在编写F#代码，因此您需要知道事物的显式类型，因此您必须为处理这些类型的JavaScript库编写一个“绑定”。一方面，它很棒，因为你现在有了类型，另一方面，对于更大的项目，它可能变得相当单调乏味。有关如何执行此操作的详细信息，请查看WIG documentation。