本文共 2018 字，大约阅读时间需要 6 分钟。

1、生成Angular工程

ng new web

2、拷贝文件夹

将BizPage文件夹下面的contactform、css、img、js、lib五个文件夹拷贝到web\src\assets文件夹下面。

3、拷贝文件内容

将BizPage\index.html文件中的以下内容拷贝到web\src\index.html文件中：

将

  <!-- Google Fonts -->

  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700" rel="stylesheet">

  <!-- Bootstrap CSS File -->

  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Libraries CSS Files -->

  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">   <link href="lib/animate/animate.min.css" rel="stylesheet">   <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">   <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">   <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

  <!-- Main Stylesheet File -->

  <link href="css/style.css" rel="stylesheet">

拷贝到head中；

将

  <!-- JavaScript Libraries -->

  <script src="lib/jquery/jquery.min.js"></script>   <script src="lib/jquery/jquery-migrate.min.js"></script>   <script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>   <script src="lib/easing/easing.min.js"></script>   <script src="lib/superfish/hoverIntent.js"></script>   <script src="lib/superfish/superfish.min.js"></script>   <script src="lib/wow/wow.min.js"></script>   <script src="lib/waypoints/waypoints.min.js"></script>   <script src="lib/counterup/counterup.min.js"></script>   <script src="lib/owlcarousel/owl.carousel.min.js"></script>   <script src="lib/isotope/isotope.pkgd.min.js"></script>   <script src="lib/lightbox/js/lightbox.min.js"></script>   <script src="lib/touchSwipe/jquery.touchSwipe.min.js"></script>   <!-- Contact Form JavaScript File -->   <script src="contactform/contactform.js"></script>

  <!-- Template Main Javascript File -->

  <script src="js/main.js"></script>

拷贝到body中；

将BizPage\index.html文件body中的其它内容拷贝到web\src\app\app.component.html中。

4、修改文件路径

修改web\src\app\app.component.html文件中的图片路径：

例如：

将<img src="img/intro-carousel/1.jpg" alt="">

改为<img src="./../../assets/img/intro-carousel/1.jpg" alt="">

 

转载地址：https://daqiang.blog.csdn.net/article/details/86661051 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！