AngularJS页面不断重新加载
我用Node做了一个API。 我使用Postmantesting了我的API，而且工作正常。 所以我开始用Angular来显示页面。
所以当我访问页面http://localhost:3000/tests页面不断重新加载！ 我不明白为什么，因为我只是从服务器请求一些JSON，并显示在网页上…
下面的代码：
模块/ core.js：
(function() { angular.module('app', ['ngRoute', 'test']); })();
控制器/ test.js：
(function() { angular.module('test', []) .config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) { $routeProvider .when('/tests', { templateUrl: '/views/tests.html', controller: 'TestController', }) $locationProvider.html5Mode(true); }]) .controller('TestController', ['$http', '$scope', '$routeParams', function ($http, $scope, $routeParams) { $http.get('/api/tests') .success(function (data) { console.log(data); $scope.tests = data; }); }]); })();
意见/ tests.html：
<div class="row"> <div class="col-sm-3"> <div class="test" ng-repeat="test in tests"> <h4>{{ test.title }}</h4> <p><small>{{ test.url }}</small></p> </div> </div> </div>
意见/ index.html的：
<!doctype html> <html ng-app="app"> <head> <title>MEAN App</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-route.min.js"></script> <script src="/controllers/test.js"></script> <script src="/modules/core.js"></script> <style> body { padding-top:80px; } </style> </head> <body> <div class="container" ng-view> </div> </body> </html>