I have a single page html and Angularjs file.
App.js
angular
.module('vod', [])
.controller('moviesController', ['$http', function ($http) {
var self = this;
self.movies = [];
$http.get('http://localhost:8080/movies/').then(function (response) {
self.movies = response.data;
}, function (errResponse) {
console.error('Error while fetching movies');
});
}]);
HTML
<!DOCTYPE html>
<html>
<head>
<title>Angular</title>
<script src="angular.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="moviesController as ctrl"
ng-app="vod">
<div ng-repeat="movie in ctrl.movies">
<span ng-bind="movie.title"></span>
</div>
</body>
</html>
It works well on Chrome producing the movie titles but gives the errors
SCRIPT7002: XMLHttpRequest: Network Error 0x2, The system cannot find the file specified
and
SCRIPT7002: XMLHttpRequest: Network Error 0x2efd, Could not complete the operation due to error 00002efd.
on Microsoft Edge.
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…