AngularJS 模块

最新推荐文章于 2019-04-09 23:00:33 发布

哈哈hyc

最新推荐文章于 2019-04-09 23:00:33 发布

阅读量161

点赞数

分类专栏：前端前端——AngularJS 文章标签： AngularJS 模块

本文链接：https://blog.csdn.net/erdfty/article/details/82963766

版权

前端同时被 2 个专栏收录

64 篇文章 4 订阅

订阅专栏

前端——AngularJS

2 篇文章 0 订阅

订阅专栏

对于 HTML 应用程序，通常建议把所有的脚本都放置在 <body> 元素的最底部。

这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。

在我们的多个 AngularJS 实例中，您将看到 AngularJS 库是在文档的 <head> 区域被加载。

在我们的实例中，AngularJS 在 <head> 元素中被加载，因为对 angular.module 的调用只能在库加载完成后才能进行。

另一个解决方案是在 <body> 元素中加载 AngularJS 库，但是必须放置在您的 AngularJS 脚本前面：

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " + lastName }}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});
</script>

</body>
</html>

哈哈hyc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS 模块

对于 HTML 应用程序，通常建议把所有的脚本都放置在 &lt;body&gt; 元素的最底部。这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。在我们的多个 AngularJS 实例中，您将看到 AngularJS 库是在文档的 &lt;head&gt; 区域被加载。在我们的实例中，AngularJS 在 &lt;head&gt; 元素中被加载，因为对 angular.mo...
复制链接

扫一扫