在AngularJS中,可以通过路由来加载HTML文件。以下是一个示例代码,展示了如何在登录后加载HTML文件:
首先,创建一个app.js文件,定义AngularJS的路由配置:
angular.module('myApp', ['ngRoute'])
.config(function($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'login.html',
controller: 'LoginController'
})
.when('/dashboard', {
templateUrl: 'dashboard.html',
controller: 'DashboardController'
})
.otherwise({ redirectTo: '/' });
})
.controller('LoginController', function($scope, $location) {
// 登录逻辑
$scope.login = function() {
// 登录成功后跳转到dashboard页面
$location.path('/dashboard');
}
})
.controller('DashboardController', function($scope) {
// dashboard 页面逻辑
});
然后,创建login.html文件和dashboard.html文件,分别是登录页面和仪表盘页面的HTML模板。
最后,在index.html中引入app.js文件和ng-view指令:
AngularJS Login
这样,当用户访问网站时,会首先加载login.html模板,用户登录成功后,会自动跳转到dashboard.html模板。