Question

我的问题是，当我加入网址时：http://code.angularjs.org/snapshot/angular.js 在下面的<script>标记代码中工作得很好，相反，如果我使用此URL：https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js，角度未加载/自举为什么？

<!doctype html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
    <script type="text/javascript" src="Program6.js"></script>
</head>
<body>
    <div>
        <input type="text" ng-model="sampledata" />
        <p>{{ sampledata }}</p>
    </div>
</body>
</html>

我的JS代码，以防它有助于解决问题：

angular.module('myApp', []);
angular.element(function() {
    angular.bootstrap(document, ['myApp']);
});

Answer 1

对于AngularJS 1.6+使用：

angular.module('myApp', []);
angular.element(function() {
    angular.bootstrap(document, ['myApp']);
});

对于较旧版本的AngularJS使用：

angular.module('myApp', []);
angular.element(document).ready(function() {
    angular.bootstrap(document, ['myApp']);
});

来自文档：

ready() （已弃用，请使用angular.element(callback)代替angular.element(document).ready(callback)）


— AngularJS angular.element API Reference

有关详细信息，请参阅

为什么angular.bootstrap代码不适用于AngularJS V1.6之前的版本？

1 个答案: