0

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

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。

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

那么有没有办法以login.html这样的方式加载，以便它不index.html作为部分包含在内，而是可以拥有自己的基本布局？

4

1 回答 1

0

是的，您可以为登录页面创建新的 html 页面，以便它可以使用 bage 模板，例如：base-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
});

希望对你有帮助

于 2018-05-17T04:08:55.643 回答