Question

何时应在页眉或正文上加载AngularJS？

<html><head>here?</head> <body>here?</body></html>

Answer 1

建议在关闭body代码之前加载JavaScript文件，以便先快速加载可见的HTML。

根据经验（从here引用），请始终在HTML中使用此结构：

的 HTML

的 HEAD

LINK （页面外观所需的CSS文件。最小化文件的性能数量，同时将不相关的CSS保存在单独的文件中以进行维护。）

SCRIPT （加载页面时所需功能的JavaScript文件，但不包含任何只能在页面加载后运行的DHTML。最小化文件数量，同时将不相关的JavaScript保存在单独的文件中用于维护。）

BODY ：用户可见的页面内容，以小块（表格/ div）显示，无需等待整页下载即可显示。

的 SCRIPT 任何将用于执行DHTML的脚本。 DHTML脚本通常只能在页面完全加载并且已初始化所有必需对象后运行。无需在页面内容之前加载这些脚本。这只会减慢页面加载的初始外观。最大限度地减少性能文件的数量，同时将不相关的JavaScript保存在单独的文件中以进行维护。如果任何图像用于翻转效果，则应在下载页面内容后在此处预加载它们。

Answer 2

https://angularjs.org/显示了Angular Js在标题

中的示例

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>

Answer 3

您可以在HEAD中加载AngularJS库，也可以从BODY

开始

Answer 4

以下是一些示例

<!DOCTYPE html>
<html lang="en-US">
<script     
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">
</script>

<body>
<div ng-app="">
 <p>Name : <input type="text" ng-model="name"></p>
 <h1>Hello {{name}}</h1>
</div>

</body>
</html>

您可以从w3schools

获得更多创意

何时应该在页面上加载AngularJS？

4 个答案: