Why angular.bootstrap code not working with versions before AngularJS V1.6?

Question

My problem is that when i include the URL:http://code.angularjs.org/snapshot/angular.js in the below <script> tag code works perfectly fine, instead if i use this URL: https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js, angular is not loaded/bootstrapped Why?

<!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>

My JS code in case it helps to resolve the problem:

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

URL:code.angularjs.org/snapshot/angular.js is from the example code on angular bootstrapping from the AngularJS official website. — Dheemanth Bhat
– Dheemanth Bhat, Commented May 18, 2017 at 20:56
snapshot is the latest beta build (v1.6.5-build.5390+sha.a86a319). It is better to use the latest stable release: unpkg.com/[email protected]/angular.js — georgeawg
– georgeawg, Commented May 18, 2017 at 23:40

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

For AngularJS 1.6+ Use:

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

For Older versions of AngularJS Use:

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

From the Docs:

ready() (deprecated, use angular.element(callback) instead of angular.element(document).ready(callback))

— AngularJS angular.element API Reference

For more information see,

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered May 19, 2017 at 0:06

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Why angular.bootstrap code not working with versions before AngularJS V1.6?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related