微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript-如何在现有的html文件和网站中包含Angular 7应用程序?

我一方面有一个现有的网站,另一方面我有一个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)在希望显示角度应用程序的任何地方使用应用程序组件选择器.

请注意,这只是信息性的:在现实生活中,这应该是自动化的,因为您必须在每个构建中都进行此操作.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐