Question

我有一个在tomcat 7上部署的旧webapp，我想创建一个带有角度4的新部分。为了进行一些测试，我在其中放入了一个带有index.html的dist文件夹<base href=".">在webapps中/ project文件夹并在现有webapp的html中添加iframe，iframe包含

<html>
<body>

   <app-root></app-root> 
</body>
</html>

但是任何内容都会在iframe中显示出来。如果我认为代码只显示代码：

 <html>
<body>

   <app-root></app-root> 
</body>
</html>

任何人都知道如何实现它？

Answer 1

要使用SystemJS，您可以使用本教程：

Angular 4 in jsp with SystemJS

使用webpack，您应该导入位于index.html dist文件夹下的所有js和css，如下所示：

<html>
<head>
<script type="text/javascript" src="../angularWeb/dist/inline.136b795d1580a6687eae.bundle.js"></script>
<script type="text/javascript" src="../angularWeb/dist/polyfills.8eba0ab53b5457105d75.bundle.js"></script>
<script type="text/javascript" src="../angularWeb/dist/vendor.091a5f9daa5d2223e9cf.bundle.js"></script>
<script type="text/javascript" src="../angularWeb/dist/main.b235b84cde360ec37e99.bundle.js"></script>

<link href="../angularWeb/dist/styles.f6578a3761ef80039afc.bundle.css" rel="stylesheet"/>
</head>
<body>
    <app-root></app-root>
</body>
</html>

是dist / index.html的复制粘贴。并将所有角度项目文件放在webapp文件夹下。

如何在另一个webapp（jsp风格）中集成angular 4 webapp？

1 个答案: