Can someone explain why when using the URL http://code.angularjs.org/snapshot/angular.js everything works fine in my code within the <script> tag, but when I switch to https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js, Angular doesn't load or bootstrap properly? What could be causing this issue?
<!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>
Here is my JavaScript code that may help in troubleshooting:
angular.module('myApp', []);
angular.element(function() {
angular.bootstrap(document, ['myApp']);
});