[英]How to include my angular app/website in external html div container?
[英]How to include an Angular 7 application in an existing html file and website?
我一方面有一个现有的网站,另一方面我有一个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)在希望显示角度应用程序的任何地方使用应用程序组件选择器。
请注意,这只是信息性的:在现实生活中,这应该是自动化的,因为您必须在每个build上都进行此操作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.