如何将Angular 4与Vaadin框架集成

Question

我想将Angular 4与Vaadin 8 Java应用程序结合使用，以便将大量UI逻辑推送到客户端，减少服务器往返，在缓慢的网络连接期间使客户端功能可用，并利用最佳功能。两个框架的功能。 我经历了Vaadin和AngularJS上提到的Vaangular项目 -在一起很开心 ，但是由于我使用Angular 4，因此无法满足我的要求。

我尝试了一些变通方法，例如编写JS包装器和在“自定义布局”中插入Angular代码，但是这些努力都没有成功。 我应该采取哪种方法？ 我可以举个例子吗？

Answer 1

将Angular，React或任何其他客户端框架/库与Vaadin框架集成似乎不是一个好主意，因为这些框架都不打算像那样工作。

在交流了实际用例以支持执行更多客户端逻辑并管理缓慢的网络连接后，Vaadin团队做出了非常积极的回应，解释了他们对Vaadin 10（即Vaadin Flow）的计划，这是Vaadin的新面貌，为客户端工作提供了更多功能。

截至目前，Vaadin团队已宣布Vaadin Flow开发人员预览版。 借助Flow，传统的Vaadin开发人员可以毫不费力地使用自定义客户端元素和逻辑。

Flow提供了以下与用户的Web浏览器中的DOM交互的方法：

• 绑定到服务器端模型数据的基于HTML的模板。
• 客户端DOM树的服务器端表示。
• 类型安全的Java RPC API，用于在浏览器中与JavaScript进行交互。

这些机制旨在通过高级Java API封装到可重用的组件中。

请查看这些重要资源以获取更多信息：

1. Vaadin Flow-下一个Vaadin 10现已在开发人员预览版中
2. Vaadin Flow官方文档
3. Vaadin元素在Vaadin 10中
4. Vaadin Framework 8路线图2017年及以后