![](/img/trans.png)
[英]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.