Почему код angular.bootstrap не работает с версиями до AngularJS V1.6?

Моя проблема заключается в том, что когда я включаю URL: http://code.angularjs.org/snapshot/angular.js ниже <script> код тега работает отлично, вместо этого, если я использую этот URL: https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js, angular не загружается / загружается Почему?

<!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']);
});
Источник

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

Для получения дополнительной информации см.

Источник
Другие вопросы по тегам