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'
});
}]);
モジュールを別のモジュールにリダイレクトするにはどうすればよいですか?
あなたは 'ng-app = 'app1''でhtmlを読み込み、' bootstrap'メソッドを使って別のモジュールをロードする必要があります –