Javascript 角度SPA页面不'；我不能一直显示_Javascript_Angularjs_Mean Stack

Javascript 角度SPA页面不'；我不能一直显示

javascript angularjs

Javascript 角度SPA页面不'；我不能一直显示,javascript,angularjs,mean-stack,Javascript,Angularjs,Mean Stack,你好evryone我有个奇怪的问题。我有一个有棱角的水疗中心。但是一页并不是一直显示的。它先起作用，然后不起作用。我不明白这是我的角度代码： //chirpApp.js var app = angular.module('chirpApp', ['ngRoute', 'ngResource']).run(function($rootScope, $http) { $rootScope.authenticated = false; $rootScope.current_user = ''

你好evryone我有个奇怪的问题。我有一个有棱角的水疗中心。但是一页并不是一直显示的。它先起作用，然后不起作用。我不明白

这是我的角度代码：

//chirpApp.js
var app = angular.module('chirpApp', ['ngRoute', 'ngResource']).run(function($rootScope, $http) {
  $rootScope.authenticated = false;
  $rootScope.current_user = '';

  $rootScope.signout = function(){
      $http.get('auth/signout');
      $rootScope.authenticated = false;
      $rootScope.current_user = '';
  };
});

app.config(function($routeProvider){
  $routeProvider
    //the timeline display
    .when('/', {
      templateUrl: 'main.html',
      controller: 'mainController'
    })
    //the login display
    .when('/login', {
      templateUrl: 'login.html',
      controller: 'authController'
    })
    //the signup display
    .when('/register', {
      templateUrl: 'register.html',
      controller: 'authController'
    });
});

app.factory('postService', function($resource){
  return $resource('/api/posts/:id');
});

app.controller('mainController', function(postService, $scope, $rootScope){
  $scope.posts = postService.query();
  $scope.newPost = {created_by: '', text: '', created_at: ''};

  $scope.post = function() {
    $scope.newPost.created_by = $rootScope.current_user;
    $scope.newPost.created_at = Date.now();
    postService.save($scope.newPost, function(){
      $scope.posts = postService.query();
      $scope.newPost = {created_by: '', text: '', created_at: ''};
    });
  };
});

app.controller('authController', function($scope, $http, $rootScope, $location){
  $scope.user = {username: '', password: ''};
  $scope.error_message = '';

  $scope.login = function(){
    $http.post('/auth/login', $scope.user).success(function(data){
      if(data.state == 'success'){
        $rootScope.authenticated = true;
        $rootScope.current_user = data.user.username;
        $location.path('/');
      }
      else{
        $scope.error_message = data.message;
      }
    });
  };

  $scope.register = function(){
    $http.post('/auth/signup', $scope.user).success(function(data){
      if(data.state == 'success'){
        $rootScope.authenticated = true;
        $rootScope.current_user = data.user.username;
        $location.path('/');
      }
      else{
        $scope.error_message = data.message;
      }
    });
  };
});

这是我的主要html

<html>
  <head>
    <title>Chirp</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-route.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-resource.js"></script>
    <script src="javascripts/chirpApp.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
    <link rel="stylesheet" href="stylesheets/style.css">
  </head>
  <body ng-app="chirpApp">
    <div id='main' class="container">
      <nav class="navbar-fluid navbar-default navbar-fixed-top">
        <div class="container">
          <a class="navbar-brand" href="#"> Chirp! </a>
          <p class="navbar-text"> Learn the MEAN stack by building this tiny app</p>
          <p class="navbar-right navbar-text" ng-hide="authenticated"><a href="#/login">Login</a> or <a href="#/signup">Register</a></p>
          <p class="navbar-right navbar-text" ng-show="authenticated"><a href="#" ng-click="signout()">Logout</a></p>
          <p class="navbar-right navbar-text" ng-show="authenticated">Signed in as {{current_user}}</p>
        </div>
      </nav>
      <div class="col-md-offset-2 col-md-8">
        <div ng-view>
        </div>
      </div>
    </div>
  </body>
</html>


啁啾声
通过构建这个小应用程序了解平均堆栈
或

以{{current_user}身份登录

我的部分：

  <form class="form-auth" ng-submit="register()">
    <h2>Register</h2>
    <p class="text-warning">{{error_message}}</p>
    <input type="username" ng-model="user.username" placeholder="Username" class="form-control"><br>
    <input type="password" ng-model="user.password" placeholder="Password" class="form-control"><br>
    <input type="submit" value="Register" class="btn btn-primary" />
  </form>


登记
{{error\u message}

请提供帮助

如果您使用的浏览器支持调试（例如Chrome），请打开调试窗口（Chrome中的F12）并检查控制台选项卡中写入的内容（如果写入了任何内容）。不幸的是，当您有错误时，除非您添加了一些错误处理，否则这些错误通常不会显示在屏幕上。hey 10q获取您的回复，但控制台上没有写入任何内容如果您使用的是支持调试的浏览器（例如Chrome），请打开调试窗口（Chrome中的F12）并检查控制台选项卡中写入的内容（如果有任何内容被写入）。不幸的是，当您有错误时，除非您添加了一些错误处理，否则它们通常不会显示在屏幕上。hey 10q为您的回复，但控制台上没有任何内容被写入