Spring 角形5与弹簧胸腺

Spring 角形5与弹簧胸腺,spring,angular,Spring,Angular,我一直在试图理解如何将Angular 5(或2或4)与Spring thymeleaf模板一起使用。我的问题是Angular 5在CLI上运行,并作为自己的项目(应用程序文件夹)进行解析。但这就是SPA,老实说,我不喜欢完整的SPA应用程序。在我看来,当有大量数据需要处理时,这会使他们的速度变慢 相反,我希望创建多页应用程序(这意味着页面刷新和服务器端呈现)。我想使用一些Angular 5特性(例如双向数据绑定)。但我究竟如何才能做到这一点呢?在Angular1(AngularJS)中,我所要做

我一直在试图理解如何将Angular 5(或2或4)与Spring thymeleaf模板一起使用。我的问题是Angular 5在CLI上运行,并作为自己的项目(应用程序文件夹)进行解析。但这就是SPA,老实说,我不喜欢完整的SPA应用程序。在我看来,当有大量数据需要处理时,这会使他们的速度变慢


相反,我希望创建多页应用程序(这意味着页面刷新和服务器端呈现)。我想使用一些Angular 5特性(例如双向数据绑定)。但我究竟如何才能做到这一点呢?在Angular1(AngularJS)中,我所要做的就是包含它的源代码并完成。但是Angular5呢?

它与AngularJS没有太大区别。您只需要在构建中使用类似于前端maven插件的东西将typescript编译成javascript。在thymeleaf模板中,您需要指向生成的js文件

请查看以下内容: 我用Thymeleaf提供一个通用的页眉和页脚

<!doctype html> 
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>My APP</title>
</head>
<body>
<header th:replace="header.html :: headerContent">header content</header>
<app-root></app-root>
<footer th:replace="footer.html :: footerContent">footer content</footer>

<script type="text/javascript" src="inline.bundle.js"></script>
<script type="text/javascript" src="polyfills.bundle.js"></script>
<script type="text/javascript" src="styles.bundle.js"></script>
<script type="text/javascript" src="vendor.bundle.js"></script>
<script type="text/javascript" src="main.bundle.js"></script>
</body>
</html>

我的应用程序
标题内容
页脚内容

您可以添加您迄今为止尝试过的内容吗?问题是,我还没有找到任何指南可以这样做