У меня есть только базовые знания AngularJS. Я создал одно приложение AngularJS.

index.html имеет две ссылки для входа и регистрации. С нг-зрения. По умолчанию логин является представлением. В виде входа у меня есть форма. Это будет отправка в сервлет и возвращение статуса с объектом. У меня есть другая страница home.html wis = ch имеет свой собственный модуль ng-app. Когда вход в систему будет успешным, я хочу направить на home.html pgae. Он также имеет две ссылки и один нг-просмотр для отображения ссылок.

index.html

  
    Login - AngularJS

    

    
    
    
  

  

    
        
            
                
                    <a href="#login"> Login </a>
                    <a href="#register"> View1 </a>
                
            
            
                
            
        
    

  

login.html

    Login

    
            
                Login

                Name:  
                    <br> Password:  <br>
                Login
                <br>
            
            {{user.status}}
    

app.js

//Define Routing for app
angular.module('sampleApp', []).config(['$routeProvider',
  function($routeProvider,$locationProvider) {
    $routeProvider
    .when('/login', {
        templateUrl: 'login.html',
        controller: 'LoginController'
    })
    .when('/register', {
        templateUrl: 'register.html',
        controller: 'RegisterController'
      })
      .otherwise({
        redirectTo: '/login'
      });
//    $locationProvider.html5Mode(true); //Remove the '#' from URL.
}]);

//Home Page Module
angular.module('homeApp', []).config(['$routeProvider',
function($routeProvider,$locationProvider) {
  $routeProvider
  .when('/home', {
      templateUrl: 'home.html'
  })
  .when('/profile', {
      templateUrl: 'profile.html',
      controller: 'ProfileController'
  })
  .when('/settings', {
      templateUrl: 'settings.html',
      controller: 'SettingsController'
    })
    .otherwise({
      redirectTo: '/home'
    });
//  $locationProvider.html5Mode(true);
}]);

LoginController (есть как логин и регистрация. Я реализовал только для входа)

angular.module('sampleApp').controller('LoginController', function($scope,$location,$http) {
    $scope.user = {};
      $scope.loginUser = function() 
      {
        $http({
          method: 'POST',
          url: 'http://localhost:8080/AngularJSLogin/login',
          headers: {'Content-Type': 'application/json'},
          data:  $scope.user
        }).success(function (data) 
          {
            var strJSON=data;
            if(strJSON.status=="Success")
            {
                alert("success");
                $location.path( "/home" );
            }
            else
            {
                $scope.user.status=strJSON.userId+" : "+strJSON.status;
            }
          });
      };
});

angular.module('sampleApp').controller('RegisterController', function($scope,$location,$http) {
    $scope.user = {};
});

home.html

  
    Login - AngularJS

    

    
    
    
  

  
    
        
            
                {{user.name}}
            
            
                
                    <a href="#profile"> Profile </a>
                    <a href="#settings"> Settings </a>
                
            
        
        
            
        
    

  

У каждой ссылки есть свои контроллеры.

Когда я нажимаю на кнопку входа в систему с действительным именем пользователя и паролем, это оповещение суспех, но не захожу на домашнюю (home.html) страницу.

Как мне перенаправить на другую страницу, на которой модуль ng-app отличается от другого? А также как пройти этопользователь возьмите объект home.html для модуля ng-app, чтобы он мог иметь пользовательские данные и отображать имя пользователя и другие значения?