如何將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年及以后