Question

在角度我已经定义了这样的路线：

config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/', {templateUrl: 'pages/main.html', controller: 'MainController'});
  $routeProvider.when('/login', {templateUrl: 'pages/login.html', controller: 'AccountController'});
  $routeProvider.otherwise({redirectTo: '/'});
}]);

因此，我的网站会在pages/main.html内加载index.html页面。当我转到#/login然后pages/login.html index.html内。{/ p>

但实际上我并不想在page/login.html内加载index.html。我希望我的登录页面有自己的布局。

那么有没有办法加载login.html这样的方式，以便index.html不包含在{{1}}中作为部分内容，但是它可以让它拥有它基地布局？

Answer 1

是的，您可以为登录页面创建新的html页面，以便它可以使用bage模板例如：基template.html

<html>
<head>Your scripts</head>
<body ng-app="yourmodule">
<ng-view></ng-view>
</body>
</html>

create login.html

<div>
First Name:<input type="text"/>
Last Name:<input type="password"/>
</div>

var app = angular.module("Your module",[ngroute]);
app.config(function($routeProvider){
    $routeProvider
        .when('/',{
            templateUrl:'login.html',
            controller:'your controller'
        });
app.controller("Your controller",function($scope){
//your logic
});

希望它可以帮到你

路由到新的基页

1 个答案: