如何将Angular 4与Vaadin框架集成

时间:2017-09-24 17:05:12

标签: javascript java angular vaadin vaadin8

我想将Angular 4与Vaadin 8 Java应用程序一起使用,以便将大量UI逻辑推送到客户端,减少服务器往返,在慢速网络连接期间使客户端功能可用,并使用两个框架的最佳功能。我浏览了Vaangular project文章中提到的Vaadin and AngularJS - happy together,但由于我使用的是Angular 4,因此无法满足我的要求。

我尝试过编写JS包装器和在自定义布局中插入Angular代码的解决方法,但这些工作并不成功。我应该采取什么样的方法?我可以提供一个例子吗?

1 个答案:

答案 0 :(得分:0)

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

在传达实际用例以支持更多客户端逻辑和管理慢速网络连接之后,Vaadin团队非常积极地解释了他们对Vaadin 10(即Vaadin Flow)的计划,Vaadin的新面孔为Vaadin提供了更多的权力客户方工作。

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

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

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

这些机制旨在封装成可重用的   具有高级Java API的组件。

请查看这些优秀的资源以获取更多信息:

  1. Vaadin Flow - the next piece of Vaadin 10 is now in developer preview
  2. Vaadin Flow Official Documentation
  3. Vaadin Elements in Vaadin 10
  4. Vaadin Framework 8 roadmap 2017 and beyond