1
我有2個不同的HTML頁面與2個不同的角應用程序。 一頁用於登錄頁面,另一頁用於主頁。第一頁由keycloak呈現,我想自動重定向到另一個頁面,並將app1模塊注入第二模塊,以便我可以重用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'
});
}]);
如何將一個模塊重定向到另一個?
你必須用'ng-app ='app1''加載html,然後使用'bootstrap'方法加載另一個模塊 –