如何在现有的 html 文件和网站中包含 Angular 7 应用程序? [英] How to include an Angular 7 application in an existing html file and website?

查看：13
本文介绍了如何在现有的 html 文件和网站中包含 Angular 7 应用程序?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

一方面我有一个现有的网站，另一方面我有一个 Angular 7 应用程序组件.

我想编辑我现有的 someusecase.html 并像这样重用我的 Angular 7 应用程序

<头><meta charset="utf-8"><title>如何导入 Angular 7 应用程序?</title><base href="/"><meta name="viewport" content="width=device-width, initial-scale=1"><身体><app-root></app-root></html>

我需要在 html 中包含什么才能使其工作?我在例如相当于:

<script src="/ui/node_modules/angular/angular.min.js"></script><script src="/ui/components/Application.js"></script>

换句话说，是否可以在现有网页内的

范围内重用和激活 Angular 7 应用程序?

解决方案

1) 运行

ng 构建

2) 进入dist文件夹

3) 复制 &将所有文件粘贴到您的原始应用中，除了index.html 文件.

4) 打开未复制的index.html 文件

5) 将此文件中的所有

相关文章
前端开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆