我一方面有一个现有的网站,另一方面我有一个Angular 7应用程序组件.
我想编辑我现有的someusecase.html并重复使用Angular 7应用程序,例如
<html lang="en">
<head>
<meta charset="utf-8">
<title>How to import Angular 7 App?</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<app-root></app-root>
</body>
</html>
我需要在html中包含什么才能使其正常工作？我在追求等同于：
<script src="/ui/node_modules/angular/angular.min.js"></script>
<script src="/ui/components/Application.js"></script>
换句话说,可以在< div>中重新使用和激活Angular 7应用程序.现有网页中的范围？
解决方法:
1)运行
ng build
2)进入dist文件夹
3)复制和将index.html文件以外的所有文件粘贴到原始应用程序中.
4)打开未复制的index.html文件
5)复制所有< script>将此文件中的标记放入同一位置的someusecase.html文件中.
6)在希望显示角度应用程序的任何地方使用应用程序组件选择器.
请注意,这只是信息性的：在现实生活中,这应该是自动化的,因为您必须在每个构建中都进行此操作.