将 HTML 导入 HTML

Question

我需要将A.html和B.html和C.html导入Index.html

我尝试的方式.....它可以工作， 但不知道只有一个是正常的， 其他没有与他们的 css 链接

---

下面是我的 index.html

它可以工作，但只有 D.html 是链接它的 css。 其他人的 css 布局看起来不正确。

<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/A.css">
<link rel="stylesheet" href="css/B.css">
<link rel="stylesheet" href="css/C.css">
<link rel="stylesheet" href="css/D.css">


<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js" defer></script>
<section ng-app="">
  <div ng-include="'section/A.html'"></div>
  <div ng-include="'section/B.html'"></div>
  <div ng-include="'section/C.html'"></div>
  <div ng-include="'section/D.html'"></div>
</section>

Answer 1

这是我为帮助您解决问题而做的一个 codepen 项目： https://codepen.io/ideaguy3d/project/editor/AdzPdm

我刚刚添加了一个 Angular 应用并将 ng-app 指向它：

app.js：

angular.module('myApp', []);

index.html:

```

   <section ng-app="myApp">

        <div ng-include="'section/A.html'"></div>
        <div ng-include="'B.html'"></div>

    </section>

```

确保您的项目中也有一个名为“section”的文件夹。