Javascript 我们如何在正文的末尾而不是标题处加载AngularJS？_Javascript_Angularjs

Javascript 我们如何在正文的末尾而不是标题处加载AngularJS？

javascript angularjs

Javascript 我们如何在正文的末尾而不是标题处加载AngularJS？,javascript,angularjs,Javascript,Angularjs,默认情况下，AngularJS似乎不起作用，除非我把它放在中。有没有办法把它放在的末尾我的代码在页脚中如下所示： $(document).ready(function() { var myApp = angular.module("myApp", []); myApp.bootstrap(document, ["myApp"]); myApp.controller("AppController",["$scope", "$http", function() {

默认情况下，AngularJS似乎不起作用，除非我把它放在

中。有没有办法把它放在

的末尾

我的代码在页脚中如下所示：

$(document).ready(function() {
    var myApp = angular.module("myApp", []);

    myApp.bootstrap(document, ["myApp"]);

    myApp.controller("AppController",["$scope", "$http", function() {
        // so stuff with the $scope.
    }]);
});

2014年3月31日编辑：根据ederollora的回答并做了一些研究，我发现在定义了所有内容之后需要调用

angular.bootstrap（）

。上述代码变为：

$(document).ready(function() {
    var myApp = angular.module("myApp", []);

    myApp.controller("AppController",["$scope", "$http", function() {
        // so stuff with the $scope.
    }]);

    myApp.bootstrap(document, ["myApp"]); // compile the app last
});

另外，为了将我的应用程序从jQuery迁移到Angular，我将document.ready调用更改为Angular版本：

angular.element(document).ready(function() {
    var myApp = angular.module("myApp", []);

    myApp.controller("AppController",["$scope", "$http", function() {
        // so stuff with the $scope.
    }]);

    myApp.bootstrap(document, ["myApp"]); // compile the app last
});

文档中不清楚定义所有内容后必须调用

angular.boostrap（）

，因此我改进了文档。

来自AngularJS文档页面：

角形标签

此示例显示了将Angular与我们所称的自动初始化集成的建议路径

...

将脚本标记放在页面底部。在页面末尾放置脚本标记可以缩短应用程序加载时间，因为加载angular.js脚本不会阻止HTML加载。您可以从中获取最新信息。请不要将您的生产代码链接到此URL，因为它会暴露您网站上的安全漏洞。对于实验开发，链接到我们的网站是好的

找到信息：

“默认情况下，AngularJS似乎不起作用，除非我将其放入

”你是什么意思？

脚本

标记？这在

主体中运行良好。示例：（来源：）……嗯。。。。我需要找出为什么在
结尾时它对我不起作用。一直以来的问题是，在定义控制器和指令之前，我在页脚中调用了angular.bootstrap（）
，这不起作用<代码>引导（）

必须在定义所有内容后调用。AngularJS的

bootstrap

文档中缺少这条信息，我在这个请求中添加了这条信息：我更新了我的问题。谢谢！当我在

结尾找到它不起作用的原因时，我会发回。是的，我会编辑我的答案，使其更适合您的问题。您正在使用哪个浏览器？在此链接中，您有关于手动初始化的信息：。在手动初始化之前，有一些关于自动初始化的信息。阅读这两个主题会给你一些建议。我发现了问题。只要它不在

$（document.ready（function（）{}）中，就可以在页脚中正常工作。知道为什么它在jQuery的document.ready函数中不起作用吗？
<!doctype html>
<html xmlns:ng="http://angularjs.org" ng-app>
  <body>
  ...
  <script src="angular.js">
  </body>
</html>