Question

我使用Node创建了一个API。我使用Postman测试了我的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>

AngularJS页面不断重新加载

0 个答案: