Question

我的项目在angularjs和php上。我被安排在一个由3人一组完成的项目中，文档尚不清楚。我从该代码中观察到的是，每当我声明任何引导类或ID时无需在该html文件中明确链接

例如：

spark.sql("select q._id, q._PostType, q._ParentId, a._id, a._PostType, a._ParentId from questions q, answers a join questions on q._id = a._parentId")

对于以上文档，引导类使用“ btn btn-primary”。但是，他们已将该引导文件包含在名为“ css”的文件夹中，但并未在该html文件中包含/导入该引导文件。

我的html文件如何知道在哪里搜索合适的CSS文件？它会搜索所有可用的CSS文件吗？这是个好习惯还是我需要改变呢？

当我去检查->来源

scala> spark.sql("select _id, _postType, _parentId from posts").show
+---+---------+---------+
|_id|_postType|_parentId|
+---+---------+---------+
|  4| Question|        0|
|  6| Question|        0|
|  7|   Answer|        4|
|  9| Question|        0|
| 11| Question|        0|
| 12|   Answer|       11|
| 13| Question|        0|
| 14| Question|        0|
| 16| Question|        0|
| 17| Question|        0|
| 18|   Answer|       17|
+---+---------+---------+

scala> spark.sql("select _id,_PostType, _ParentId from  questions").show
+---+---------+---------+
|_id|_PostType|_ParentId|
+---+---------+---------+
|  4| Question|        0|
|  6| Question|        0|
|  9| Question|        0|
| 11| Question|        0|
| 13| Question|        0|
| 14| Question|        0|
| 16| Question|        0|
| 17| Question|        0|
+---+---------+---------+


scala> spark.sql("select _id,_PostType, _ParentId from  answers").show
+---+---------+---------+
|_id|_PostType|_ParentId|
+---+---------+---------+
|  7|   Answer|        4|
| 12|   Answer|       11|
| 18|   Answer|       17|
+---+---------+---------+

scala> spark.sql("select q._id, q._PostType, q._ParentId, a._id, a._PostType, a._ParentId from questions q, answers a cross join questions on q._id = a._parentId").show(100,false)
+---+---------+---------+---+---------+---------+
|_id|_PostType|_ParentId|_id|_PostType|_ParentId|
+---+---------+---------+---+---------+---------+
|4  |Question |0        |7  |Answer   |4        |
|4  |Question |0        |7  |Answer   |4        |
|4  |Question |0        |7  |Answer   |4        |
|4  |Question |0        |7  |Answer   |4        |
|4  |Question |0        |7  |Answer   |4        |
|4  |Question |0        |7  |Answer   |4        |
|4  |Question |0        |7  |Answer   |4        |
|4  |Question |0        |7  |Answer   |4        |
|11 |Question |0        |12 |Answer   |11       |
|11 |Question |0        |12 |Answer   |11       |
|11 |Question |0        |12 |Answer   |11       |
|11 |Question |0        |12 |Answer   |11       |
|11 |Question |0        |12 |Answer   |11       |
|11 |Question |0        |12 |Answer   |11       |
|11 |Question |0        |12 |Answer   |11       |
|11 |Question |0        |12 |Answer   |11       |
|17 |Question |0        |18 |Answer   |17       |
|17 |Question |0        |18 |Answer   |17       |
|17 |Question |0        |18 |Answer   |17       |
|17 |Question |0        |18 |Answer   |17       |
|17 |Question |0        |18 |Answer   |17       |
|17 |Question |0        |18 |Answer   |17       |
|17 |Question |0        |18 |Answer   |17       |
|17 |Question |0        |18 |Answer   |17       |
+---+---------+---------+---+---------+---------+

这是每个页面的默认html，现在，如果我添加其他任何.js（在js文件中）或.css（在css文件中），它不会显示在这里或添加到我的html中。当我为一个特定的html文件添加HTML2CANVAS文件并且在控制台中说“未定义html2canvas”时，便注意到了这一点

编辑：

感谢帮助<html> <head> <title>some title</title>  </head> <body> <button class="btn btn-primary">Here</button> </body>，我发现该项目使用了角形路由器（<html lang="en" ng-app="quiz"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.min.css"> <script src="js/jquery-3.2.1.slim.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="script/angular.min.js"></script> <script src="script/angular-route.min.js"></script> <script src="app.js"></script> <script src="controllers/displayController.js"></script> <script src="controllers/quizController.js"></script> <script src="controllers/welcomeController.js"></script> <script src="controllers/csvController.js"></script> <script src="controllers/loginController.js"></script> <script src="controllers/adminController.js"></script> <style> body { background-color: bisque; background-repeat: no-repeat; background-size: cover; /*border: 1px solid red;*/ } </style> </head> <body> <div ng-view> </div> </body> </html>），因此我跟踪了默认的html文件（在这种情况下为index.html），并添加了我的js脚本和CSS链接。要知道您的项目是否使用JkAlombro，请转到app.js文件并检查$routeprovider。这样对任何人都可以帮助。

Answer 1

之所以看不到任何css / js导入其他HTML文件的原因，是因为该应用程序使用了角形路由器（很可能是$routeProvider），我可以在索引html文件中确认这一点。

看到索引中的<div ng-view>吗？那就是根据指向的路线显示所有其他html文件的地方。此脚本是您正在使用角度路由器的其他证明

<script src="script/angular-route.min.js"></script>

为什么您不必在其余的html文件中导入CSS和js？

因为所有内容都将呈现到index.html（或任何默认的html文件命名），所以您只需要在其中包含所有脚本和css链接，它将在您的应用程序中使用。这就是单页应用程序的工作方式（至少对于AngularJS）。

如果要跟踪路由器的配置位置，很可能可以在app.js或displayController.js中找到它。

Answer 2

制作一个通用的页眉和页脚文件。在页眉中包含所有CSS文件，在页脚中包含JavaScript文件。

例如：头文件 -仅在此处推送您的内容- footer.file

这样，css和js对于其他所有文件都是通用的。

如何在我们的项目中链接多个css＆js文件而不在其他文件中明确提及

2 个答案: