2017-03-29 8 views
1

2つの異なる角度のアプリケーションで2つの異なるHTMLページがあります。 1ページはランディングページ用、もう1ページはホームページ用です。最初のページはキークローズによってレンダリングされ、自動的に別のページにリダイレクトして、app1モジュールを2番目のモジュールに挿入してapp1の詳細を再利用できます。角モジュールを別のモジュールにリダイレクト

var module = angular.module('product', []); 

module.controller('GlobalCtrl', function(login) { 
    this.loginService = login; 
}); 

module.factory('login', function($q, $rootScope) { 
    var keycloakAuth = new Keycloak('keycloak/keycloak.json'); 
    var deferred = $q.defer(); 
    keycloakAuth.init({onLoad: 'login-required'}) 
     .success(function() { 
      console.log('Success', keycloakAuth); 
      deferred.resolve() 
     }) 
     .error(function(err) { 
      console.error('Error', err, keycloakAuth); 
      deferred.reject(err); 
     }); 
    keycloakAuth.ready = deferred.promise 
     .then(function() { 
      if (keycloakAuth.authenticated) { 
       keycloakAuth.loadUserProfile() 
        .success(function() { 
         console.log('User profile loaded'); 
         $rootScope.$digest(); 
        }) 
        .error(function(err) { 
         console.log('Error loading user profile', err); 
        }) 
      } 
     }) 
     .finally(function() { 
      console.log('Finally'); 
      $rootScope.$digest(); 
     }); 
    return keycloakAuth; 
}); 






angular 
    .module('themesApp', [ 
    'theme', 
    'theme.demos','product' 
    ]) 
    .config(['$provide', '$routeProvider', function($provide, $routeProvider) { 
    'use strict'; 
    $routeProvider 
     .when('/newapp', { 
     templateUrl: 'views/index1.html', 
     resolve: { 
      loadCalendar: ['$ocLazyLoad', function($ocLazyLoad) { 
      return $ocLazyLoad.load([ 
       'bower_components/fullcalendar/fullcalendar.js', 
      ]); 
      }] 
     } 
     }) 
     .when('/:templateFile', { 
     templateUrl: function(param) { 
      return 'views/' + param.templateFile + '.html'; 
     } 
     }) 
     .when('#', { 
     templateUrl: 'views/index1.html', 
     }) 
     .otherwise({ 
     redirectTo: '/newapp' 
     }); 
    }]); 

モジュールを別のモジュールにリダイレクトするにはどうすればよいですか?

+1

あなたは 'ng-app = 'app1''でhtmlを読み込み、' bootstrap'メソッドを使って別のモジュールをロードする必要があります –

答えて

1

シンプルなJavaScriptのリロードを使用できると思います。

window.location="file2.html"; 

ご希望のものがあれば教えてください。ありがとうございました。

関連する問題